Html 在元素a上显示w3c验证错误的属性href的角js{{i.link}}中

我的带有Angular js的Html代码：

<li data-ng-repeat="i in items | searchFor:searchString | limitTo:limit" >
                        <p><a href="{{i.link}}" class="search-link">{{i.title}}</a></p>
                        <p>{{i.description}}</p>
                        <p><a class="small" href="{{i.link}}">{{i.link}}</a></p>                
                    </li>

{{i.description}}

W3c验证给出如下错误：

---

元素a上的属性href的错误值{i.link}}：不允许路径段{中存在非法字符。

为此使用ng href。Angular将把它转换为正确的值

---

最后-使用数据ng href将解决验证问题。（相关SO问题）

您应该使用。这是AngularJS建议的。W3C验证错误也将得到解决。此外，如果您使用

href

将出现断开链接的问题。

ng href也给出了错误，但我使用了数据ng href，它工作正常。感谢您的建议是的，您是对的-因此这个问题是相关的