假設我的組件有配置項。如果它們可用，它們應該在輸出中 - 否則不會。
cfg = { name: "sam", address: "NY", age: 51 };
...
<p *ngIf="cfg.name != undefined">{{cfg.name}}</p>
<p *ngIf="cfg.address != undefined">{{cfg.address}}</p>
<p *ngIf="cfg.age != undefined">{{cfg.age}}</p>
如果有很多專案，則對定義的檢查非常煩人。
有沒有辦法做得更好？
uj5u.com熱心網友回復：
您可以使用安全導航運算子（也稱為可選鏈接）
<p>{{cfg?.name}}</p>
<p>{{cfg?.address}}</p>
<p>{{cfg?.age}}</p>
另一種選擇是創建一個包裝 ng-container 并*ngIf在其上應用 。
<ng-container *ngIf="cfg">
<p>{{cfg.name}}</p>
<p>{{cfg.address}}</p>
<p>{{cfg.age}}</p>
</ng-container>
轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/368421.html
標籤：javascript html 有角的 ecmascript-6
上一篇：單擊第一頁的錨點時如何替換第二頁中的影像？在JavaScript中
下一篇：Javascipt在使用setTimeout()時有效，但在WordPress頁面上使用document.eventListener('DOMContentLoaded',x)時無