Angular 自定义双向绑定

ngModal 是 Angular 最常用接触到的双向绑定的语法。但是如何自定义一个双向绑定?在 Angular 中,我们可以很方便地使用内置语法来实现。

自定义双向绑定

双向绑定其实是属性绑定和事件绑定的语法糖。。若我们在组件中定义了这样两个形式的变量: @Input() xxx 和 @Output() xxxChange。

那么我们采用如下方式在这个组件上使用双向绑定语法。

Angular 在模板解析的时候会自动将此语法展开,如下所示。

(完)

参考链接

Create your own two-way data binding in Angular