削除オブジェクト（角2）

Question

私はちょうど私がコードを表示させ、角度2.4.0で、typescriptですの配列からオブジェクトを削除しよう

、その私のhtmlファイル：

button type="submit" (click)="addAnotherLanguague()" >Add non native languague</button> 
<li *ngFor="let languague of listOfLanguagues;"> 
    <div class="form-item form-item--text"> 
      <label class="label invisible">Years studied</label> 
      <input type="number" min="0" [(ngModel)]="languague.yearsStudied" name="years" placeholder="Years studied"/> 
    </div> 
<button type="submit" (click)="removeLanguague(languague)" >Remove</button> // here you can see use of method 
</li> 

そして、そこです私はこれを下回るまさにこのlanguagueを削除するためcomponent.ts

(...) 
this.listOfLanguagues = new Array <LanguagueInformationData>(); 
    } 
addAnotherLanguague(){ 
     this.listOfLanguagues.push(new LanguagueInformationData); 
    } 
    removeLanguague(languague){ 
     this.listOfLanguagues.slice(this.listOfLanguagues.indexOf(languague), 1); 
    } 
(...) 

うまく機能を追加し、私は削除し、まだそのlanguagueの参照を転送する方法を知らないためにすべてを試してみましたが、私は、.pop使用したくありませんボタン。 私を助けることができますか？

[編集] 新しいコードを追加しようとするたびに、配列に存在するクラスのデータがクリアされるため、このコードでもう一度問題が発生しました。

Answer 1

<li *ngFor="let languague of listOfLanguagues; let i = index">

は

removeLanguague(languague, index){ 
    this.listOfLanguagues.splice(index, 1); 
} 

Answer 2

<button type="submit" (click)="removeLanguague(languague, i)" >Remove</button>

あなたは spliceを使用する必要はありません sliceは

this.listOfLanguagues.splice(this.listOfLanguagues.indexOf(languague), 1); 

slice配列の部分を返し、spliceがあれば、配列から要素を削除し、必要な箇所に新しい要素を挿入し、削除された要素