star-rating.component.ts

@Component({
  selector: 'app-star-rating',
  templateUrl: './star-rating.component.html'
})
export class StarRatingComponent implements ControlValueAccessor {
  protected disabled: boolean;
  protected value: number;

  onChanged: (stars: number) => void;
  onTouched: () => void;

  writeValue(value: number) {
    this.value = value;
  }

  registerOnChange(fn: (stars: number) => void) {
    this.onChanged = fn;
  }

  registerOnTouched(fn: () => void) {
    this.onTouched = fn;
  }

  setDisabledState(isDisabled: boolean): void {
    this.disabled = isDisabled;
  }
}