Angularjs 如何避免在指令字符串绑定中删除前导空格?

Angularjs 如何避免在指令字符串绑定中删除前导空格?,angularjs,angularjs-directive,Angularjs,Angularjs Directive,我正在创建一个自定义指令,我想用它来显示字段的值和一个可选后缀(单位等的预期值)。请注意,我的示例被缩短以保持简洁 我的模板看起来像 <div class="my-value">{{boundValue}}{{boundSuffix}}</div> {{boundValue}{{boundSuffix} 对于值,我使用双向绑定(=),对于后缀,我使用字符串绑定(&) 当我将°绑定到后缀中以显示温度时效果非常好,但当我尝试绑定米时(注意,有一个前导空格-我不希望它

我正在创建一个自定义指令,我想用它来显示字段的值和一个可选后缀(单位等的预期值)。请注意,我的示例被缩短以保持简洁

我的模板看起来像

<div class="my-value">{{boundValue}}{{boundSuffix}}</div>
{{boundValue}{{boundSuffix}
对于值,我使用双向绑定(=),对于后缀,我使用字符串绑定(&)

当我将
°
绑定到后缀中以显示温度时效果非常好,但当我尝试绑定
米时(注意,有一个前导空格-我不希望它顶着数字)前导空格似乎被修剪,结果看起来像
123米


使用chrome开发者工具,我添加了一个link函数并检查了该指令的范围。当它到达链接函数时,
boundSuffix
已被修剪。好像Angular在我的引擎盖后面耍花招。有什么方法可以避免这种修剪吗?

最好使用角度
过滤器来解决您的问题。过滤器允许将输出格式化为货币或大写(例如)。尝试查找更多信息。这里是

过滤器是一个很好的选择,我已经考虑过了。该指令是通用的,我试图不让它知道它显示的是什么类型的数据,这就是为什么列出的后缀是该指令的一个属性。您如何建议将过滤器作为属性?输入一个名称并使用filterProvider查找它?如何有条件地筛选绑定值?