我无法在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/
编辑:这是一个可能重复的不同问题,因为这个问题不会产生任何错误,而且这是一个更加简单和本地化的双向绑定格式化问题。
答案 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);