数据的双向绑定

数据的双向绑定（双向绑定只是针对表单）

　　数据的双向绑定（数据的双向绑定只是针对表单）

　　实现数据的双向绑定须要在app_module.ts（根模块）中进行注册一些东西

　　import {FormsModule} from '@angular/forms';

 

　　@NgModule中的imports中进行声明一下FormsModule

 

html：

　　<div>

　　　　<ul>

　　　　　　<li><input type="text" [(ngModel)]="keywords" >{{keywords}}</li>

　　　　　　<p>改变keywords的值</p>

　　　　　　<li><button (click)="changeData();">改变值</button>

　　　　　　　　<input type="text" [(ngModel)]="keys" >{{keys}}

　　　　　　</li>

　　　　　　<li>获取keywords的值</li>

　　　　</ul>

　　</div>

ts中：

　　public keyworld:any ="";

　　public keys:string ="";

　　changeData(){

　　　　this.keys="keyworlds"

　　　　console.log(this.keys);

　　}

 

---