angular表单文字的双向绑定

首先写 (在app.modules中)

html代码

<h3>表单的绑定</h3>
<p>{{msg}}</p>
<p>手动双向绑定<br>
<input type="text" [value]="msg" (input)="msg=$event.target.value">
</p>
<p>FormsModule 自动双向绑定<br>
  <input type="text" [(ngModel)]="msg">
</p>

export class AppComponent {
  title = 'myng';
  msg='<em>我爱</em>你我的祖国';
}

精髓--------点击--修改--按钮在改变

<p>发送双向绑定<br></p>
<p>{{msg}}</p>
<input #phone type="text"><br>
<button (click)="msg=phone.value;phone.value=''">修改</button>

点击修改