如何在angular2表达式中使用if-else和字符串答案

【问题标题】：How to use if-else with string in angular2 expression如何在angular2表达式中使用if-else和字符串
【发布时间】：2017-11-28 10:53:42
【问题描述】：

我想通过*ngFor将下面的html代码生成为angular 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>

我该怎么办？

【问题讨论】：

标签： angular if-statement angular2-template ngfor

【解决方案1】：

这对你有用。

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

【讨论】：

【解决方案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 会抛出错误。

【讨论】：