Angular2 - マテリアライズ - ダイナミックアイコン

Question

angular2ではMaterialize.cssを使用しています。アイコンはモデルの値に依存したいと思っていました。

public tabs = [ 
    {id: "great", name: "I'm great"}, 
    {id: "personal", name: "Persoonlijk"}, 
    {id: "identity", name: "Identiteit"}, 
    {id: "prefs", name: "Voorkeuren"}, 
    {id: "available", name: "Beschikbaar"}]; 

「アクティブ」クラスと「行く」方法の作業罰金と

<ul> 
    <li *ngFor="let tab of tabs" 
    [class.active]="(tab.id == active)" 
    (click)="go(tab.id)"> 
    <a href="#"> 
     <i class="material-icons left">{{complete(tab.id)}}</i> 
     {{tab.name}} 
    </a> 
    </li> 
</ul> 

（オランダ）ラベルが正しい表示され、しかし、私の方法で私は「未定義」を取得「完了」など"tabid"の値です。

complete(tabid) { 
    console.log(tabid); 
    return (this.candidate && this.candidate.complete[tabid]) ? "done" : "crop_square" 
} 

任意のポインタを歓迎します。代わりに

{{complete(tab.id)}} 

の

Answer 1

これを試してみてください。

{{(candidate && candidate.complete[tab.id]) ? "done" : "crop_square"}}