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

时间:2016-01-19 16:49:33

标签: angularjs angularjs-directive

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

我的模板看起来像

<div class="my-value">{{boundValue}}{{boundSuffix}}</div>

对于值,我使用的是双向绑定(=),对于后缀,我使用的是字符串绑定(&amp;)。

当我将&deg绑定到后缀以显示温度时,它工作得很好,但是当我尝试绑定meters时(请注意,这里有一个领先的空间 - 我不希望它被推高对于数字而言,领先的空间似乎被修剪,我的结果看起来像123meters

使用chrome开发人员工具,我添加了一个链接函数并检查了指令的范围。到达链接功能时,boundSuffix已经被修剪。似乎Angular正在引擎盖后面引起一些恶作剧。我有什么方法可以避免这种修剪吗?

1 个答案:

答案 0 :(得分:1)

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