Угловая ссылка, переданная в NgModel

Question

В шаблоне HTML одного компонента:

<input [(ngModel)]='dataModel' #data="ngModel" />
<app-my-component [model]='data'></app-my-component>

В app-my-component:

export class MyComponentComponent implements OnInit {
    @Input() model: NgModel;
}

Во время выполнения выдает ошибку ExpressionChangedAfterItHasBeenCheckedError: Expression has changed after it was checked. Previous value: 'model: null'. Current value: 'model: address'.

Есть идеи?

Answer 1

я не знаю, зачем ты это делаешь, просто сделай:

<input [(ngModel)]='dataModel'/>
<app-my-component [model]='dataModel'></app-my-component>

ц

export class MyComponentComponent implements OnInit {
    @Input() model: string;
}

Answer 2

Попробуйте использовать ChangeDetectorRef, чтобы сообщить angular о новых изменениях в данных NgModel.

constructor(private cdr: ChangeDetectorRef) {}

ngAfterViewInit() {
    this.cdr.detectChanges();
}