HTML参数验证在href属性中使用AngularJS表达式失败

时间:2014-10-02 10:44:10

标签: html5 angularjs

代码:

<a ng-repeat="..." href="{{...}}"></a>

我使用的是一个需要href属性的插件,因此无法使用data-ng-href :(

是否有替代方法可以将AngularJS表达式保留在href属性中,并在W3C HTML5验证器下进行验证?在此先感谢,将答案标记为正确:)

2 个答案:

答案 0 :(得分:1)

另一种意见,  一旦模板初始化,使用data-ng-href仍然会产生一个href,所以也许你的插件可以在模板准备好后运行?以下是角度文档中的相关代码:

<a id="link-3" ng-href="/{{'123'}}">link 3</a> (link, reload!)<br />

变为

<a id="link-3" ng-href="/123" href="/123">link 3</a>
在页面上

参考 - https://docs.angularjs.org/api/ng/directive/ngHref

我个人非常喜欢这样一个事实:人们可以使用角度,但仍然有效的html5 -

答案 1 :(得分:0)

除非它是绝对要求,否则我不会太担心Angular模板的标准有效性。严格来说,它们实际上并不是HTML5,而是Angular对其功能的扩展。据我所知,Angular不是为了允许这种构造而设计的。我认为你最好只留下验证。