角度4 * ng如果未按預期工作

Question

我正在顯示一堆從Web服務獲得的li鏈接，所有這些鏈接都具有title和slug屬性。

問題是，如果slug屬性為home ，我不想顯示li ，但是*ngIf指令對我的代碼沒有任何影響：

<ng-container *ngFor="let page of pages">
                <li *ngIf="page.slug!==home">
                    <a routerLink="{{ page.slug }}">{{ page.title }}</a>
                </li>
            </ng-container>

我得到的所有頁面，包括一個與slug的home 。 我該如何避免呢？

Answer 1

將home包括在'' 。 如果不使用'' Angular會嘗試找到名稱為home的屬性，並且因為沒有這樣的名稱為home屬性，它會返回undefined 。 因此，與您的page.slug比較，它每次都會返回true。

<ng-container *ngFor="let page of pages">
     <li *ngIf="page.slug !== 'home'">
          <a routerLink="{{ page.slug }}">{{ page.title }}</a>
     </li>
</ng-container>