прослушивание модели в угловом компоненте 2

Question

Я использую угловой 2. У меня есть сценарий, в котором у меня есть компонент, интерфейс и директива.

Эта директива используется для самовнушения, и мой интерфейс используется в качестве модели.

Так что всякий раз, когда пользователь выбирает значение, я обновляю модель, и есть способ, которым мой компонент будет слушать изменения модели.

directive - model - component interaction

как будет компонент слушать изменения модели, которые я делаю через директиву? также Можно ли использовать модель для хранения данных?

Answer 1

Используйте входы, выходы и связующие, как:

(на самом деле не автоматический полный, но он должен получить вы начали)

@Component({ 
    selector: 'auto-complete', 
    template: ` 
    <select [(ngModel)]="value" (ngModelChange)="valueChange.emit($event)"> 
    <option *ngFor="#val of values" [value]="val">{{val}}</option> 
    </select>`}) 
export class AutoCompleteComponent { 
    @Input() values:string[]; 
    @Output() valueChange:EventEmitter<string> = new EventEmitter<string>(); 
    value:string; 
} 

@Component({ 
    selector: 'parent', 
    directives: [AutoCompleteComponent], 
    template: ` 
<auto-complete [value]="options" (valueChange)="onUpdate($event)"></auto-complete> 
`}) 
export class AppComponent { 
    options = ['a', 'b', 'c', 'd', 'e']; 
    onUpdate(event) { 
    console.log(event); 
    } 
}