Angular 2 Dart：模板语法-如何连接字符串？

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

最好的方法是在Component控制器中声明一个为您串联的getter，您将获得dart语法支持，并且html模板看起来更干净。

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


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