Ionic 2 오류 : Typescript 오류 제공된 매개 변수가 호출 대상의 서명과 일치하지 않습니다.

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); 
}