Angular2 -

Question

ここngForループで作成した明確な複数の入力フィールドには...私が持っているものの簡易版である

コンポーネント：

... 
ngOnInit() { 

    items = [ 
     { 
      "image": "/img1.jpg", 
      "answer" : "item1" 
     }, 
     { 
      "image": "/img2.jpg", 
      "answer" : "item2" 
     }, 
     { 
      "image": "/img3.jpg", 
      "answer" : "item3" 
     }, 
    ] 

} 

verify(event:any, i) { 
    ...checking if the input matches its answer. No problem here. 
} 

HTMLテンプレート：

<template ngFor let-item let-i="index" [ngForOf]="items"> 
    <li> 
     <div style="background: url('{{item.image}}')"></div> 
     <input type="text" [(ngModel)]="item.input" (keyup)="verify($event, i)"> 
    </li> 
</template> 

<button type="button" (click)="clearFields()"></button> 

clearFields（）関数はどのように機能しますか？同じページに他の同様のコンポーネントがある可能性があるので、私は再ルーティングを使いたくありません。

Answer 1

あなたはそのような機能を行うことができます。

clearFields() { 
    for (let item of this.items) { 
    item.input = ""; 
    } 
}