angular 组件 template 部分的代码
<span *ngif="!isVip" ><a href="https://cnblogs.vip/" target="_blank">升级成为会员</a></span>
class 中对应的变量声明
@Input() isVip? = false;
无论 isVip 是什么值,上面的 span 标签始终不显示,请问如何解决?
后来发现 *ngif
大小写写错了,但改为 *ngIf
后问题依旧
即使改为下面的写法也不行
<span *ngif="true" ><a href="https://cnblogs.vip/" target="_blank">升级成为会员</a></span>
在 github issue *ngIf doesn't work in Ivy compiled libraries 的评论中找到了原因:
You can't use NgIf without importing CommonModule
在对应组件的 .component.ts 中添加 CommonModule 引用后解决
import { CommonModule } from '@angular/common';
//...
imports: [RouterLink, DecodeHtmlPipe, ElLocatorDirective, CommonModule]