PhoneGap中文网

标题: Angularjs4.0如何进行双向数据绑定 [打印本页]

作者: 幽梦林子    时间: 2017-7-15 19:57
标题: Angularjs4.0如何进行双向数据绑定
本帖最后由 幽梦林子 于 2017-7-15 19:58 编辑

Angularjs4.0如何进行双向数据绑定呢?具体方法如下:
  1. <input  [(ngModel)]="inputValue">
复制代码


注意引入:FormsModule

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


  2. @NgModule({
  3.   declarations: [
  4.     AppComponent,
  5.     HeaderComponent,
  6.     FooterComponent,
  7.     NewsComponent
  8.   ],
  9.   imports: [
  10.     BrowserModule,
  11.     FormsModule
  12.   ],
  13.   providers: [],
  14.   bootstrap: [AppComponent]
  15. })
  16. export class AppModule { }
复制代码


使用:

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

  2.   {{inputValue}}
复制代码







欢迎光临 PhoneGap中文网 (http://bbs.phonegap100.com/) Powered by Discuz! X3.2