angular的双向绑定机制

最近在学习angular2，入门小白。

双向绑定机制早就用过，但是没有更好地往里面探究。

今天系统学习，发现这机制很厉害。

双向绑定用[()]来表示，一般是绑定ngModel属性，用法是：[(ngModel)]="username"。

[]是单向绑定，就是说我们在组件中给model赋的值会设置到HTML的input控件中。

[()]是双向绑定，就是说HTML对应控件的状态改变会反射设置到组件的model中。

下面是例子：

这是组件：

<form #formRef="ngForm" (ngSubmit)="onSubmit(formRef.value)">
  <!--[(ngModel)]="username"中[()]是双向绑定的意思：HTML中的对应控件的状态改变会反射设置到组件的model中-->
  <!--required要求该表单不为 空-->
  <!--minlength最小长度-->
  <!--这里双向绑定之后还加了引用#usernameRef，是因为要在模板中使用才加入，一般要加。