Angular2 * ngIf内のオブジェクトからの値を持つ* ngFor

Question

* * ngFor内部で* ngIfを使用する場合は、*そのロールの値がその要素に定義されています。ユーザーがログインしているか、ユーザーが管理者である場合のチェック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'}); 
     ... 

：

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

そして、私のコンポーネントの内部：

マイテンプレートはそのように見えます。

今、私は私のコンポーネントで使用される変数としてオブジェクトの値を使用することができます私は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

あなたが使用しているように、間違ったwa y。行うには

---

最適化された方法：

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

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