Angular 自定義組件數據綁定

Question

我有以下用例，我想將復雜對象的一部分傳遞給角度組件。

<app-component [set]="data.set"></app-component>

現在我希望父類中的對象“data.set”始終與子類中的對象“set”相同。

如果我改為按以下方式執行，則兩個對象都相同並且更改是“同步的”。

<app-component [set]="set"></app-component>

當綁定'data.set'而不是'set'而不手動觸發EventEmitter時，如何實現這種行為？

Answer 1

如果你需要做的修改set中app-component是在父組件可見，那么，你需要使用雙向綁定。

<app-component [(set)]="data.set"></app-component>

在app-component.component.ts文件中，需要聲明兩個成員：

   @Input()
   public set: any;

   @Ouput()
   public setChange:EventEmitter = new EventEmitter();

每當set的值發生變化時，您都需要發出更新后的值。

   this.setChange.emit(newVal);

如果您需要更多詳細信息，可以參考這篇文章。