我试图根据当前使用者是否跟随另一个人来交换以下按钮。在我的代码和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>