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>
请问如何解决？
最佳答案
0
是写错字母大小写引起的，应该是 *ngIf，错写成了 *ngif
其他回答(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
