我正在创建一个自定义指令,我想用它来显示字段的值和可选的后缀(预期单位等)。请注意,我的示例缩短为简洁。
我的模板看起来像
<div class="my-value">{{boundValue}}{{boundSuffix}}</div>
对于值,我使用的是双向绑定(=),对于后缀,我使用的是字符串绑定(&amp;)。
当我将°
绑定到后缀以显示温度时,它工作得很好,但是当我尝试绑定meters
时(请注意,这里有一个领先的空间 - 我不希望它被推高对于数字而言,领先的空间似乎被修剪,我的结果看起来像123meters
。
使用chrome开发人员工具,我添加了一个链接函数并检查了指令的范围。到达链接功能时,boundSuffix
已经被修剪。似乎Angular正在引擎盖后面引起一些恶作剧。我有什么方法可以避免这种修剪吗?