最近在学习angular2,入门小白。
双向绑定机制早就用过,但是没有更好地往里面探究。
今天系统学习,发现这机制很厉害。
双向绑定用[()]来表示,一般是绑定ngModel属性,用法是:[(ngModel)]="username"。
[]是单向绑定,就是说我们在组件中给model赋的值会设置到HTML的input控件中。
[()]是双向绑定,就是说HTML对应控件的状态改变会反射设置到组件的model中。
下面是例子:
这是组件:
<form #formRef="ngForm" (ngSubmit)="onSubmit(formRef.value)"> <!--[(ngModel)]="username"中[()]是双向绑定的意思:HTML中的对应控件的状态改变会反射设置到组件的model中--> <!--required要求该表单不为 空--> <!--minlength最小长度--> <!--这里双向绑定之后还加了引用#usernameRef,是因为要在模板中使用才加入,一般要加。