javascript - Angular $compile 服务对空格敏感吗？

Question

我今天遇到了这个问题，在我正在开发的应用程序中，我在指令中有一堆链接需要更新，并且在我的链接函数中使用 $compile 服务被证明是一个简单的解决方法。（这不是最好的解决方法，但那是另一天。）

无论如何，我的链接都搞砸了，但是在从 {{var| filter}} 声明，一切都已修复！我无法弄清楚这一点，但它似乎特定于元素属性（鉴于我的测试编译了其他 HTML 元素）。

这是一个演示问题的工作示例：http: //jsbin.com/IRogUxA/10/edit。（原谅不可靠/人为的指令定义——这是当今许多实验的演变！）

这是一个错误吗？还是表明解决问题的方法容易出错？两个都？知道发生了什么吗？

谢谢！

Answer 1

问题出在您正在编译的 html 中。你有这个：

var temp1 = $compile('<a href={{isolateVar|toDate:false}}>A LINK THAT WORKS</a>')(scope);
var temp2 = $compile('<a href={{isolateVar| toDate:false}}>A LINK THAT DOES NOT</a>')(scope);

href没有引号，因此有了空格，href 属性的值为{{isolateVar|

只需将引号添加到，href以便它获取您想要的整个值

var temp1 = $compile('<a href="{{isolateVar|toDate:false}}">A LINK THAT WORKS</a>')(scope);
var temp2 = $compile('<a href="{{isolateVar| toDate:false}}">A LINK THAT DOES NOT</a>')(scope);