Angular2 父子组件数据通信实例(2)

不知道你有没有发现,其实上面我们模拟了“双向数据绑定”:父组件将数据传入子组件,子组件改变数据时通知父组件进行“同步更新”。但是要注意其实数据流向是单向的,即数据是父组件单向流入子组件,父组件数据的更新是通过子组件的事件通知以后才被更新。也就是说其实在Angular 2中:双向数据绑定 = 单向数据绑定 + 事件,以我们最熟悉的ngModel为例:

<input type='text' [(ngModel)]="userName">

和下面的写法是等价的:

复制代码 代码如下:


<input type='text' [ngModel]="userName" (ngModelChange)="userName=$event">


同样的,如果将我们的child-component组件写作双向数据绑定的形式即为:

复制代码 代码如下:


<child-component [(count)]='initialCount'></child-component>

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wyfsfy.html