根据用户是否关注个人交换 Follow/Following 按钮

Question

我正在尝试根据当前用户是否关注另一个人来交换 Follow/Following 按钮。在我的代码中，我设置了 NgIF，我遇到的困难是检查数组中的值。如果代码中只有一个用户名，则该代码适用于该用户。但是，如果数组有多个索引，代码会将值变为 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:

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

所以基本上如果 pic.user 的字符串值等于数组中的任何字符串，则显示以下按钮。如果没有显示关注按钮。

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>

根据用户是否关注个人交换 Follow/Following 按钮

Swap Follow/Following button based on whether or not the user Follows the individual

html

angularjs

parse-platform

typescript

ionic2