@Input在指令angular 6中不是双向绑定

Question

我的自定义指令showError的输入是：

@Input() isActive: boolean;

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

在app.component.html中，我使用此指令（默认为isError = true）：

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

在然后调用服务并将回调中的isError设置为false。

但是指令中的isActive不会将值更改为false。

Answer 1

您需要检查Angular的ngOnChanges挂钩中的更改

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

Working example

以上是在@Input情况下更改检测如何工作的分叉工作示例。