angular2のngIfのngModelの値をリセットします。

Question

私は、配列要素であるモデルを持っています。私はHTMLの下に見つけるngIf condition.Please上の各要素の値をクリアしたい：falseに設定フラグで

  <div *ngIf="flag" > 
      <table id="table" class="table table-hover table-bordered table-mc-light-blue"> 
       <thead> 
        <tr> 
         <th>col 1</th> 
         <th>col 2</th> 
        </tr> 
       </thead> 
       <tr *ngFor="let item of collection;"> 
        <td>{{item.col1}}</td> 
        <td> 
         <input type="text" class="form-control" [(ngModel)]="item.col2" #input="ngModel" name="input-{{i}}"> 
        </td> 
       </tr> 
      </table> 
     </div> 

を、私はコレクションのすべての値をクリアしたいです。 コレクションを初期化するオプションがありますが、私はそのようなコレクションがいくつかあるので、そうしたくありません。

助けを借りればどんなに助かりますか？

Answer 1

<input type="radio" (change)="resetForm()"/> 


resetForm(){ 
    if(!this.flag){ 
      this.collection = new Array() 
    } 
} 

Answer 2

フラグをfalseに設定する "イベント"またはメソッド呼び出しとは何ですか？

これはメソッド呼び出しで、コレクションをクリアすることもできます。

このような何か：あなたのコンポーネントで

public toggleFlag() { 
    this.expandFlag = !this.expandFlag; 
    this.collection = []; 
} 

Answer 3

：

ngDoCheck() { 
    if (!this.flag) { 
     this.collection = []; 
    } 
} 

そして、あなたはこのようなDoCheckを実装する必要があります。

export class myClass implements OnInit, DoCheck { 

基本的に、これはそのトリガーリスナーです変化が起こるたびに、this.flagが偽であることを確認しますcollection配列要素を空にします。