Question

我正在尝试交换“关注/关注”按钮，具体取决于当前用户是否跟随另一个人。在我的代码中，我有和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>

根据用户是否跟随个人，交换跟随/关注按钮

1 个答案: