html模板中指令属性的额外空间

Question

当我写一个角度指令时，我注意到了一个奇怪的事情。在指令的隔离范围内，如果我使用myAttr: '@'将属性绑定到具有相同名称的父作用域变量，然后在html模板中使用该属性，则会有一个额外的空格跟踪属性值。但是，如果使用myAttr: '@thatAttr'将属性绑定到具有不同名称的父作用域变量，则没有额外的空间，并且世界很高兴。

请参阅this jsFiddle进行演示。正如您所看到的，div[bad=foo]下的css规则由于额外的空间而未应用，而div[good=bar]完全正常。

小提琴顺便使用Angular 1.3。有谁知道为什么会这样？

Answer 1

Angular中的

Known bug可能无法修复

Answer 2

我有类似的问题 - 我在m指令中添加了“@id”作为属性。这工作 - 但它在id值的末尾插入了一个额外的空格。

原来，Angular默认接管了id！从我的指令的范围属性中删除“@id”后，我可以毫无问题地使用“{{id}}”。