angle2式の文字列にif-elseを使用する方法

Question

*ngForのようなhtmlコードを角度2の式に生成したいと考えています。

<ol class="breadcrumb"> 
    <li><a href="#">Home</a></li> 
    <li><a href="#">Library</a></li> 
    <li class="active">Data</li> 
</ol> 

私はこのコードを使用するが、それは真実ではない：私は

<ol class="breadcrumb"> 
    <li *ngFor="let item of siteMap; let isLast = last" [class.active]="isLast"> 
     {{isLast == true ? item : "<a href='#'>"+ item +"</a>"}} 
    </li> 
</ol> 

何をすべきでしょうか？

Answer 1

これはあなたのために動作します。

<ol class="breadcrumb"> 
    <li *ngFor="let item of siteMap; let isLast = last"> 
    <a *ngIf="!isLast" href="#">{{item}}</a> 
    {{isLast ? item: ''}} 
    </li> 
</ol> 

Answer 2

これはうまくいくはずです。

<ol class="breadcrumb"> 
    <li *ngFor="let item of siteMap; let isLast = last"> 
    <a *ngIf="!isLast; else notLast" href="#">{{item}}</a> 
    <ng-template #notLast>{{isLast ? item: ''}}</ng-template> </li> 
</ol>. 

同じ要素に対して* ngIfと* ngForを使用するとエラーが発生します。