Angular輸入類型文本綁定

我有一個簡單的應用程序，它將文本框的值添加到列表框中，當在文本框中按下輸入鍵時。這裏是我的html代碼Angular輸入類型文本綁定

<input type="text" value="{{ myText }}" (keypress)="keyEvent($event)" /> 
<select multiple="multiple" > 
    <option *ngFor="let item of itemsList"> 
    {{item}} 
    </option> 
</select>

這裏是我的打字稿組件代碼

export class AppComponent { 
    title = `hello world app !`; 
    myText =''; 
    itemsList = [];constructor() { 
    } 

    ngOnInit() { 
    } 

    keyEvent(event) 
    { 
    if(event.keyCode === 13) 
    { 
     event.preventDefault(); // Otherwise the form will be submitted 
     this.itemsList.push(this.myText); 
    } 
    }

會將myText

值未得到更新。該值始終爲空。

請幫忙弄清楚綁定myText時我缺少的是什麼。

來源

2017-09-25 Peekay

它沒有更新，因爲你通過ngModel需要雙向數據綁定：

<input type="text" [(ngModel)]="myText" p (keypress)="keyEvent($event)" />

欲瞭解更多信息：在添加後https://angular.io/api/forms/NgModel

來源

2017-09-25 15:57:24

[（ngModel）] = 「會將myText」 html頁面變成空白：（ – Peekay

@ Peekay，在控制檯中的任何錯誤？ –

@商業自殺沒有錯誤..當我刪除外部支撐至少屏幕是可見的但仍然綁定不會發生-----------就像這樣。 ngModel）=「myText」 – Peekay

Angular輸入類型文本綁定

回答

相關問題