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

Question

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

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

你有解决方法吗？

Answer 1

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

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

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

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

Answer 2

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

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

在模板中

并在组件中实现getter

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

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