Angular2 * ngIf 내부의 Object 값 * ngFor

Question

ID는 내 역할 값이 해당 요소에 정의 된 * ngFor 내부에서 * ngIf를 사용합니다.

<li class="nav-item" *ngFor="let entry of naviEntries"> 
     <button *ngIf="{{entry.role}}" ...>{{entry.name}}</button> 
</li> 

을 그리고 내 구성 요소 내부 :

내 템플릿 그렇게 보이는 사용자가 로그인 또는 사용자가 관리자 인 경우에 대한 검사 ngOnInit 기능 메신저 내부

enter code here`export class NaviComponent implements OnInit { 
    naviEntries: NaviEntry[]; 
    visitor: boolean = true; 
    user: boolean = false; 
    admin: boolean = false; 

    constructor() { ... } 

    ngOnInit() { 
     ... 
     this.naviEntries.push({name: 'Home', link: '', role: 'visitor'}); 
     this.naviEntries.push({name: 'User', link: '/user', role: 'user'}); 
     this.naviEntries.push({name: 'Admin', link: '/admin', role: 'admin'}); 
     ... 

. 이제

내가 NaviEntries에 밀려 개체가

내가 내 구성 요소에 사용되는 변수로 개체 값을 사용할 수있는 나비

에 표시 할 수있는 경우 * ngIf 확인하고 싶습니다?

Excample :

NaviEntry => 내 구성 요소 => 관리자에서

{name: 'Admin', link: '/admin', role: 'admin'} : 부울 = TRUE;

템플릿 :

*ngIf="{{entry.role}}" => * ngIf = "관리자"=> 진정한 => 쇼 항목

Answer 1

난 당신이 같은 필요가 있다고 생각 :

*ngIf="(entry.role === 'admin' && admin) || (entry.role === 'visitor' && visitor) || (entry.role === 'user' && user)" 

가 읽어 보시기 바랍니다 :

을

https://angular.io/api/common/NgIf

당신이 사용하고있는 것처럼 bit wrong wa 와이. 수정 될

// component side 
roleAccess = {'admin' : false , 'user' : false , 'visitor' : true} 

// template side 
*ngIf="roleAccess[entry.role]" 

난 당신이 내가, 표준을 이해 해달라고 생각