数据的双向绑定(双向绑定只是针对表单)
数据的双向绑定(数据的双向绑定只是针对表单)
实现数据的双向绑定需要在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);
}