Q:

Within subscription event emitter?

I need to refresh my chart component after I entered some values into my input field. I am not sure how I can do it
Here is my start.component.hmtl
<input [(ngModel)]="inputValue"/>
<select  (change)="selectedItem($event)">
    <option value="volvo">Volvo</option>
    <option value="saab">Saab</option>
    <option value="mercedes">Mercedes</option>
    <option value="audi">Audi</option>
</select>

The data which I receive over ngMode directive I am passing to chart component like this:
  <app-chart [optionsIncome]="options"  [inputValue]="inputValue"></app-chart>

But my problem is after I entered the input field I need to re-render the chart.component template as well. With the dropdown field it is working fine. How can I do it with the ngModel directive which I passed to other component and subscribed over BehaviourSubject.
Here an example: 
  Example

A:

your example can't work when change dropdown field, I guess you want to use the same logic after the input and dropdown value change, you can use ngModelChange function to pass your inputValue

export class StartComponent implements OnInit {

  selectedItem(data) {
    if (data) {
      this.data.push(data);
      this.reload();
    }
    ...
  }

  changeByInput(inputValue) {
    this.selectedItem(inputValue);
  }

}
// start.component.html
<div><input type="text" [(ngModel)]="inputValue" (ngModelChange)="changeByInput($event)" /></div>

