18910140161

HTML-如何在Angular上仅显示内容不同于空的卡片?-堆栈溢出

顺晟科技

2022-10-18 12:17:37

121

我正在尝试在Angular上创建一个NGIF,它只显示一张不同于空的卡片。这是我到目前为止的代码:

<代码><;DIV类=";集装箱MB-4*ngfor='让ListAusuario项目'>;<;DIV类=";卡片";>;<;H2>;{{item.nomestartup}}<;/H2>;<;/DIV>;<;/DIV>;

使用上面的代码,它显示了这个数组上的所有项目,但其中一些是空的,我不想看到它们,所以我尝试在代码上使用这个NGIF来隐藏空项:

<代码><;DIV类=";集装箱MB-4*ngfor='让ListAusuario项目'>;<;DIV*ngif=";{{item.nomeStartup}}!==空";>;<;DIV类=";卡片";>;<;H2>;{{item.nomestartup}}<;/H2>;<;/DIV>;<;/DIV>;<;/DIV>;

但不幸的是它不起作用,你能帮我吗?


顺晟科技:

下面应该会有帮助

<代码><;DIV类=";集装箱MB-4*ngfor='让ListAusuario项目'>;<;DIV*ngif=";item.nomestartup";>;<;DIV类=";卡片";>;<;H2>;{{item.nomestartup}}<;/H2>;<;/DIV>;<;/DIV>;<;/DIV>;

如果item.nomeStartup是一个数组,那么您应该尝试这样做

<代码><;DIV类=";集装箱MB-4*ngfor='让ListAusuario项目'>;<;DIV*ngif=";item.nomeStartup.length";>;<;DIV类=";卡片";>;<;H2>;{{item.nomestartup}}<;/H2>;<;/DIV>;<;/DIV>;<;/DIV>;

注意:在*ngif中,您不需要双花括号来提及变量。

  • TAG:
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航