Angular 2双向数据绑定不起作用

时间:2017-07-11 16:01:14

标签: angular

我无法在Angular 2中使用自定义双向数据绑定。文档表明盒子模型中的香蕉 - [()]只是合成糖,但在我的例子中这种方式不起作用更长的方法有效:

<child-component [(test)]="check">This child updates only itself</child-component>
<child-component [test]="check" (check_send)="check=$event">This child updates all</child-component>

@Output事件未在框模型(第一行)中更改香蕉中的父值。   由于第二行有效,我看不出我做错了什么。   以下是文档的链接:https://angular.io/guide/template-syntax#two-way-binding---

我创建了一个用于展示此行为的plunker:https://embed.plnkr.co/eTfkQmRfBRxeKCEpGdzh/

编辑:这是一个可能重复的不同问题,因为这个问题不会产生任何错误,而且这是一个更加简单和本地化的双向绑定格式化问题。

1 个答案:

答案 0 :(得分:3)

这是因为check_send需要testChange,因为它是在文档中编写的,Angular de-sugars使用xxxChange语法进行编码。

<child-component [test]="check" (testChange)="check=$event">This child updates all</child-component>
@Output() testChange = new EventEmitter<number>();

this.testChange.emit(this.test);

固定弹药:https://plnkr.co/edit/zGupQPkS6MoV3xMQefxN?p=info