Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/394.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 角度自定义组件数据绑定_Javascript_Angular_Typescript - Fatal编程技术网

Javascript 角度自定义组件数据绑定

Javascript 角度自定义组件数据绑定,javascript,angular,typescript,Javascript,Angular,Typescript,在下面的用例中,我希望将复杂对象的一部分传递给角度组件 <app-component [set]="data.set"></app-component> 现在,我希望父类中的对象“data.set”始终与子类中的对象“set”相同 如果我改为按以下方式执行,则两个对象都是相同的,并且更改是“同步的” 在绑定“data.set”而不是“set”时,如何实现这种行为而不手动触发EventEmitter?如果您需要对应用程序组件中的设置进行更改以使其在父组件中可见,则

在下面的用例中,我希望将复杂对象的一部分传递给角度组件

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

现在,我希望父类中的对象“data.set”始终与子类中的对象“set”相同

如果我改为按以下方式执行,则两个对象都是相同的,并且更改是“同步的”



在绑定“data.set”而不是“set”时,如何实现这种行为而不手动触发EventEmitter?

如果您需要对
应用程序组件中的
设置进行更改以使其在父组件中可见,则需要使用双向绑定

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

无论何时,
set
的值发生更改,都需要发出更新后的值

   this.setChange.emit(newVal);

如果您需要更多详细信息,请参阅

   @Input()
   public set: any;

   @Ouput()
   public setChange:EventEmitter = new EventEmitter();
   this.setChange.emit(newVal);