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

Question

How to insert multiple expression in single interpolation in angular 2, for example like this:

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

Do you have any solution for this?

Answer 1

This particular case could be achieved with CSS after (and with last and :not() )

If you really want nested ternary expressions, just use () where approperiate.

Consider using a get xxx(): string {} getter in your TypeScript so the logic remains more readable.

Finally, don't forget about npm packages like angular-translate which may make things simpler if you want to display text.

Answer 2

The best solution for your requirement will be -

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

in your template and implement getter in your component

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

Basically when you have complex manipulations use getter to get value after manipulations