下圖是我的數(shù)據源，一個json數(shù)組，每個元素是一個product對象，其中最后一個product對象的description字段為空。

在product-list.component.html里，編寫如下代碼：

<h2>Products</h2><div *ngFor="let product of products"><h3><a [title]="product.name + ' details'">{{ product.name }}</a></h3><p *ngIf="product.description">Description: {{ product.description }}</p></div>

最后效果如下：如果product對象的description字段為空，根本不會渲染p標簽：

要獲取更多Jerry的原創(chuàng)文章，請關注公眾號"汪子熙":

總結

以上是生活随笔為你收集整理的Angular 条件指令 ngIf 的一个例子的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。