angular 4 * ng 예상대로 작동하지 않습니다.

Question

웹 서비스에서받은 li 개의 링크가 표시됩니다. 해당 링크는 모두 title 및 slug 속성을가집니다.

문제는 내가 표시하지 않는,있는 lislug 속성은 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을 포함합니다. '' 각도가 없으면 이름이 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>