Angular2：クリア値は、値がangular2のボタンをクリックした後に追加されると、テキストをクリアする方法

<div> 
    <label>Task:</label> <input #taskNameRef/> 
    <button (click)="addTask(taskNameRef.value);">Add</button> 
</div>

成分を返すには、私は次のように過ごしていたテンプレートファイルですaddTask関数のコード

addTask(name:String): void { 
    name = name.trim(); 
    if (!name) { return; } 
    this._taskService.create(name); 
}

注：私はangular2を初めて使っています。

2017-07-31 anuja

を行ってください、私はここに移動する方法は、 'HTMLInputElement'' addTask（elemは：HTMLInputElementの）に全体を渡すことだと思う '関数とあなたが作業して行われた後、 'elem.value'で' null'に設定するだけです。 –

これが機能しました。ありがとう – anuja

角度は、このような状況に柔軟に対応できるため、常に入力フォームをフォーム内に囲みます。

<form #yourFormName="ngForm"> 
    //Input form code 
</form>

あなたはaddTask（）メソッドを呼び出した後、フォームのリセット（）メソッドを呼び出していますが、これは命令的フラグのすべてをクリアする必要があります。詳細について

<button type="button" (click)="addTask(); yourFormName.reset()">Add Task</button>

2017-07-31 12:24:14 jesusverma

答えて