無法綁定到“ ngModel”，因為它不是“ input”元素的已知屬性，并且沒有與相應屬性匹配的指令注意：即時通訊使用alpha.31import { Component, View, bootstrap } from 'angular2/angular2'@Component({ selector: 'data-bind'})@View({ template:` <input id="name" type="text" [ng-model]="name" (ng-model)="name = $event" /> {{ name }} ` })class DataBinding { name: string; constructor(){ this.name = 'Jose'; }}bootstrap(DataBinding);
3 回答
躍然一笑
TA貢獻1826條經驗 獲得超6個贊
關鍵點：
僅當FormsModule作為AppModule的一部分可用時，angular2中的ngModel才有效。
ng-model 在語法上是錯誤的。
方括號[..]表示屬性綁定。
圓括號（..）表示事件綁定。
當方括號和圓括號放在一起時，[[..]]表示雙向綁定，通常稱為香蕉盒。
因此，修復您的錯誤。
步驟1：導入FormsModule
import {FormsModule} from '@angular/forms'
第2步：將其添加到AppModule的import數組中，作為
imports :[ ... , FormsModule ]
步驟3：ng-model將香蕉盒更改為ngModel
<input id="name" type="text" [(ngModel)]="name" />
注意：此外，您也可以分別處理以下兩種方式的數據綁定
<input id="name" type="text" [ngModel]="name" (ngModelChange)="valueChange($event)"/>
valueChange(value){
}
- 3 回答
- 0 關注
- 1161 瀏覽
添加回答
舉報
0/150
提交
取消