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> 

의 (네덜란드) 라벨은 그러나 나의 방법에 나는 같은 "정의되지 않은"GET "완료"올바른 표시 "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"}}