dart - 角 2 Dart : Template syntax - how to concatenate strings?

Question

感觉像一个愚蠢的问题，但我不明白。如何在 Angular 2 Dart 模板中进行快速字符串连接？

我的组件有一个单独的 html 文件，可以说 my_component.html:

作品:

....
<div id="abc">
{{order.pickupPlace.email}}
</div>
...

作品:

....
<div id="abc">
{{ ((order.pickupPlace.state) ? order.pickupPlace.state+" ":'')}}
</div>
...

不起作用:

....
<div id="abc">
{{"<br/>"+order.pickupPlace.email}}
</div>
...

不起作用:

....
<div id="abc">
{{order.pickupPlace.name+" "+order.pickupPlace.email}}
</div>
...

试图在此处的文档中找到答案( https://webdev.dartlang.org/angular/guide/template-syntax#!#expression-operators )但没有运气。

当然我可以用 *ngIf在我有条件输出的每个元素上，但有没有办法进行简单的字符串连接？

Answer 1

最好的方法是在您的组件 Controller 中声明一个 getter 来为您进行连接，您将获得 dart 语法支持，并且 html 模板看起来更干净。

String get myConcatenation => "${order.pickupPlace.name}${order.pickupPlace.email}";


<div id="abc">
   {{myConcatenation}}
</div>