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

Question

我的 Html 代码与 Angular js:

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

Answer 2

你应该使用 ngHref。这就是 AngularJS 的建议。 W3C 验证错误也将得到解决。此外，如果您使用 href，则会出现 link.

损坏的问题

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

In angular js {{i.link}} for attribute href on element a showing w3c validation error

html

w3c-validation

angularjs