Question

我想通过*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>

我该怎么办？

Answer 1

这应该适合你。

npm install @alanning/roles --save

在同一元素上使用* ngIf和* ngFor会引发错误。

Answer 2

这对你有用。

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

如何在angular2表达式中使用if-else和string

2 个答案: