我的 ngIf Else 在 Angular 6 中沒有按預期工作

Question

我有這個代碼應該在變量 blockusers 不為空時顯示數據（有效），但應該顯示 Nought、nil、nada、nothing、0、zilch 和 zip 當它為空時，這不起作用......我在任何地方都看不到錯誤。

<div class="col-lg-9" *ngIf="blockusers; else zipZeroResults">
 I'm getting results and I will show them!
</div>
<ng-template #zipZeroResults>
  Nought, nil, nada, nothing, zero, zilch and zip.
</ng-template>

謝謝你的幫助

Answer 1

您正在對數組進行true檢查，如果數組引用本身不是null或undefined則該數組將始終返回true 。 如果數組為空（沒有元素），它甚至會返回 true。

您應該對數組的length進行真實檢查。 然后，如果數組為空（長度 = 0），它會將表達式計算為 false，這正是您所期望的。

*ngIf="blockusers?.length; else zipZeroResults"

如果數組本身未定義或為空（使用Safe Navigation Operator ），這將檢查長度但不會引發錯誤。