如何在单插值angular2中插入多个表达式

时间:2017-06-25 11:43:15

标签: angular templates syntax

如何在角度2的单个插值中插入多个表达式,例如:

{{ title + !isLast ? ' > ' : ''}}

你有解决方法吗?

2 个答案:

答案 0 :(得分:1)

这个特殊情况可以通过CSS after(以及last:not())来实现

如果你真的想要嵌套的三元表达式,只需使用()来复制。

考虑在TypeScript中使用get xxx(): string {} getter,以便逻辑更具可读性。

最后,不要忘记像angular-translate这样的npm软件包,如果你想显示文字,可能会让事情更简单。

答案 1 :(得分:1)

满足您要求的最佳解决方案是 -

<span *ngFor="let item of listOne; let isLast = last">
          {{getItem(item, isLast)}}
</span>
在模板中

并在组件中实现getter

getItem(item: string, isLast: boolean) {
    return `${item} ${isLast ? '>' : ''}`;
  }

基本上当你有复杂的操作时,使用getter来获取操作后的值