在角度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将解决验证问题。 （相关的问题What is the difference between ng-app and data-ng-app?）

Answer 2

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