角度4*ng如果没有按预期工作

Question

我显示了一堆li,我从Web服务中获得的链接,这些链接中有title和slug财产.

问题是,我不想显示li,如果slug属性home,但是*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>