數據的雙向綁定

數據的雙向綁定（雙向綁定只是針對表單）

　　數據的雙向綁定（數據的雙向綁定只是針對表單）

　　實現數據的雙向綁定須要在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);

　　}

 

---