スワップフォロー/フォローは、ユーザーが個人に従うかどうかに基づいて実行します

Question

現在のユーザーが他のユーザーに従っているかどうかに応じて、フォロー/フォローボタンを入れ替えようとしています。私のコードでは、NgIFがセットアップされており、問題があるのは配列の値を調べることです。コード内のユーザー名が1つだけの場合、そのユーザーのコードが機能します。配列に複数のインデックスがある場合、コードは値をfalseに変えます。

HTML：

<div *ngFor="let pic of pics"> 
    <span *ngIf="pic.user!=current"> 
     <span *ngIf="pic.user!=cFollows"> 
     <button ion-button>Follow</button> 
     </span> 
     <span *ngIf="pic.user==cFollows"> 
     <button ion-button>Following</button> 
    </span> 

マイTSファイル（写真内のすべてのデータがJSONである。したがって、基本的pic.userの文字列値は、内の任意の文字列と等しい場合

pics = [] 
cFollows = ["user1","user2"] 

配列には次のボタンが表示されます。

Answer 1

以下に一致するようにコードを変更する必要があります。

<span *ngIf="pic.user!=current"> 
    <span *ngIf="cFollows.indexOf(pic.user)==-1"> 
     <button ion-button>Follow</button> 
     </span> 
     <span *ngIf="cFollows.indexOf(pic.user)!=-1"> 
     <button ion-button>Following</button> 
     </span> 
    </span>