角度插值字符串中的可选空格

Question

说我有一个像这样的角度表达式：

<span>{{vm.name}} {{vm.property|prettyPrint}}</span>

假设该属性是可选的，并且可能导致空字符串。如何在名字后摆脱那个不再需要的空间？我尝试过像

这样的事情

<span>{{vm.name + ' ' + vm.property|prettyPrint |trim}}</span>

但这不起作用。

Answer 1

原因

<span>{{vm.name + ' ' + vm.property|prettyPrint |trim}}</span> 

不起作用是因为它将prettyPrint过滤器应用于所有内容。将其更改为：

<span>{{ (vm.name + ' ' + (vm.property | prettyPrint)) | trim }}</span>

Answer 2

将空格放在propery这样的

中

<span>{{vm.name}}{{' ' + vm.property|prettyPrint}}</span>