双花括号避免W3C验证

Question

我有一个使用下面的代码行的HTML页面

... <a href="nolf://{{server.ip}}:{{server.hostport}}/"> ... 

当我尝试验证的页面，我得到了以下错误：

"Bad value nolf://{{server.ip}}:{{server.hostport}}/ for attribute href on element a: Illegal character in scheme data: not a URL code point."

似乎验证器不喜欢在URL链接中看到花括号。如果我删除它们，一切顺利。他们是“不安全的”，所以他们需要编码，但如果我编码他们，AngularJS指令不再工作。

有没有一种解决方法，一种方法来验证？ （此代码的原始页面可在此处找到：http://oneoakway.com/nolf/servers/ - 页脚中有验证链接）

Answer 1

改为使用ng-href。这将正确地将该表达式应用于href属性。