Ionic 2エラー：Typescript Error指定されたパラメータが呼び出し対象のシグネチャと一致しません

Question

Ionic 2アプリケーションのチュートリアルhttps://angular-meteor.com/tutorials/whatsapp2/ionic/chats-pageに従っています。私は、エラーを受け取り、私は次のコードを追加するとき：

removeChat(chat: Chat): void { 
    this.chats = this.chats.map<Chat[]>(chatsArray => { 
     const chatIndex = chatsArray.indexOf(chat); 
     chatsArray.splice(chatIndex, 1); 

     return chatsArray; 
    }); 
} 

この機能は、

<ion-content class="chats-page-content"> 
<ion-list class="chats"> 
    <ion-item-sliding *ngFor="let chat of chats | async"> 
     <button ion-item class="chat"> 
      <img class="chat-picture" [src]="chat.picture"> 
      <div class="chat-info"> 
       <h2 class="chat-title">{{chat.title}}</h2> 

       <span *ngIf="chat.lastMessage" class="last-message"> 
        <p *ngIf="chat.lastMessage.type == 'text'" class="last-message-content last-message-content-text"> 
         {{chat.lastMessage.content}} 
        </p> 
        <span class="last-message-timestamp">{{chat.lastMessage.createdAt | amCalendar }}</span> 
       </span> 
      </div> 
     </button> 
     <ion-item-options class="chat-options"> 
      <button ion-button color="danger" class="option option-remove" (click)="removeChat(chat)">Remove</button> 
     </ion-item-options> 
    </ion-item-sliding> 
</ion-list> 

わからない「オプション削除」クラスとボタンのクリックイベントで呼び出されていますエラーメッセージの正確さは正確ですが、this.chats.map<Chat[]>(chatsArray => {という行に問題があるようです。

Answer 1

Array.prototype.mapは、配列ではなくオブジェクトパラメータを持つ関数を使用します。このシナリオでは使用する必要はありません。 試してみてください：

removeChat(chat: Chat): void { 
    const chatIndex = this.chats.indexOf(chat); 
    this.chats.splice(chatIndex,1); 
}