@ Ввод в угловой директиве 6 не двухстороннее связывание

Question

Моя пользовательская директива showError, имеет ввод:

@Input() isActive: boolean;

ngOnInit() {
   console.log(this.isActive); // true
}

В app.component.html Я использую эту директиву (isError = true по умолчанию):

<div appShowError [isActive]="isError"></div>

In, затем вызовите службу и установите для isError значение false в обратном вызове.

Но isActive в директиве не меняет значение на false.

Answer 1

Вам необходимо проверить изменения в ngOnChanges крючке Angular

ngOnChanges(changes: SimpleChanges) {
  // Here you can check changes in the `isError`
}

Рабочий пример

Выше приведен раздельный рабочий пример того, как работает обнаружение изменений в случае @Input