基于用户是否关注个人的交换关注/关注按钮



我试图根据当前使用者是否跟随另一个人来交换以下按钮。在我的代码和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的字符串值等于数组中的任何字符串,则显示以下按钮。如果不显示关注按钮。

,所以我发现我需要更改代码以匹配

  <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>

相关内容

  • 没有找到相关文章

最新更新