Angularjs4.0如何进行双向数据绑定

幽梦林子

Angularjs4.0如何进行双向数据绑定呢？具体方法如下：

1. <input  [(ngModel)]="inputValue">

复制代码

注意引入：FormsModule

1. import { FormsModule } from '@angular/forms';
   
2. 
   
3. 
   
4. @NgModule({
   
5.   declarations: [
   
6.     AppComponent,
   
7.     HeaderComponent,
   
8.     FooterComponent,
   
9.     NewsComponent
   
10.   ],
    
11.   imports: [
    
12.     BrowserModule,
    
13.     FormsModule
    
14.   ],
    
15.   providers: [],
    
16.   bootstrap: [AppComponent]
    
17. })
    
18. export class AppModule { }
    

复制代码

使用：

1. <input type="text"  [(ngModel)]="inputValue"/>
   
2. 
   
3.   {{inputValue}}

复制代码