Angular双向绑定使用的是[(name)]的标记，在具体的组件中其实需要实现@Input和@Output两个属性，并且名字需要是和Change。
以下参照Angular文档，实现一个控制字体放大缩小的组件。
首先新建一个angular app。
在app.component.html里面添加一个div，size大小绑定到组件属性sizePx。
在app.component.ts里面添加sizePx属性，设置默认值为20
这时我们可以看到页面：
接着添加sizer component
添加app-sizer对象到app.component.html
这时候页面显示：
修改sizer.component.html，添加放大缩小的按钮，和演示文字。
页面显示：
然后添加sizer组件代码，引入双向绑定。
最后双向绑定size属性：
可以看到点击button后，两边字体能够同步变大变小。
分享到:
