demo/src/app/components/+rating/demos/custom/custom.html
<div>
<rating [max]="10" [(ngModel)]="x" [customTemplate]="t" style="color: #0275d8;font-size: 20px;"></rating>
<b>(<i>Rate:</i> {{x}})</b>
<ng-template #t let-index="index" let-value="value">{{index < value ? '☑' : '☐'}}</ng-template>
</div>
<div>
<rating [max]="10" [(ngModel)]="y" [customTemplate]="tt"></rating>
<b>(<i>Rate:</i> {{y}})</b>
<ng-template #tt let-i="index" let-v="value">
<button class="btn btn-{{i < v ? 'warning' : 'default'}}">
{{i < v ? '★' : '☆'}}
</button>
</ng-template>
</div>