入力タイプのテキストを動的に角度をつけて返します

Question

テキストボックスでEnterキーを押したときにリストボックスにテキストボックスの値を追加する簡単なアプリがあります。 はここでここ

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値を更新取得されていない私のtypescriptですコンポーネントのコードである私のHTMLコード

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

です。値は常にnullです。

myTextをバインドしている間に何が欠けているのか理解してください。

Answer 1

あなたはngModel経由を結合TWO WAYデータ必要があるため、それは更新していない：詳細情報については

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

：[（ngModel）]を追加した後https://angular.io/api/forms/NgModel