首页 新闻 会员 周边

angular: *ngif 不能正常工作

0
悬赏园豆:30 [已解决问题] 解决于 2023-06-03 13:33

下面的代码中,第2个 *ngif 不能正常工作, userInfo.isVip 值为 true 时,<img> 标签依然不能显示

<div class="right" *ngIf="userInfo$ | async as userInfo">
    <img *ngif="userInfo.isVip" class="vip-logo" src="//common.cnblogs.com/vip.png" title="博客园VIP会员">
</div>

请问如何解决?

dudu的主页 dudu | 高人七级 | 园豆:30880
提问于:2023-06-03 13:11
< >
分享
最佳答案
0

是写错字母大小写引起的,应该是 *ngIf,错写成了 *ngif

dudu | 高人七级 |园豆:30880 | 2023-06-03 13:33
其他回答(1)
0

这个问题可能是因为ngIf指令与async pipe一起使用时,需要将表达式放在一个括号内。改成这样试试:
<div class="right" *ngIf="(userInfo$ | async) as userInfo"> <img *ngIf="userInfo.isVip" class="vip-logo" src="//common.cnblogs.com/vip.png" title="博客园VIP会员"> </div>

收获园豆:30
lanedm | 园豆:2381 (老鸟四级) | 2023-06-03 13:17
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册