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

Question

我的带有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>

W3c验证给出如下错误：
元素a上属性href的值{{i.link}}错误：路径段中的非法字符：{不允许。

Answer 1

为此使用ng-href。 Angular会将其转换为正确的值。

https://docs.angularjs.org/api/ng/directive/ngHref

最后 - 使用data-ng-href将解决验证问题。 （相关问题请问ng-app和data-ng-app有什么区别？ ）

Answer 2

你应该使用ngHref 。 这就是AngularJS推荐的内容。 W3C验证错误也将得到解决。 此外，如果您使用href ，将会出现链接断开的问题。