stars.component.ts:
import {Component, EventEmitter, Input, OnChanges, OnInit, Output, SimpleChanges} from '@angular/core';

@Component({
  selector: 'app-stars',
  templateUrl: './stars.component.html',
  styleUrls: ['./stars.component.css']
})

export class StarsComponent implements OnInit, OnChanges {


  @Input()
  rating = 0;

  @Output()
  ratingChage: EventEmitter<number> = new EventEmitter();


  stars: boolean[];

  @Input()
  readonly: boolean;


  constructor() { }

  ngOnInit() {
  }

  ngOnChanges(changes: SimpleChanges): void {
    this.stars = [];
    for (let i = 1; i <= 5; i++) {
      this.stars.push(i > this.rating);
    }
  }

  clickStart(index: number) {
    if (this.readonly) {
      this.rating = index + 1;
      this.ratingChage.emit(this.rating);
    }
  }

}

stock-form.component:
<app-stars [(rating)]="stock.rating" [readonly]="true" ></app-stars>