在标记中声明角度指令

时间:2014-10-25 15:03:25

标签: html html5 angularjs

在HTML页面上声明指令的最佳做法是什么?根据{{​​3}}指令显示为

 <pagination total-items="bigTotalItems" ng-model="bigCurrentPage" max-size="maxSize" class="pagination-sm" boundary-links="true" rotate="false" num-pages="numPages"></pagination>

根据此stackoverflow问题http://angular-ui.github.io/bootstrap/#/pagination

表示该指令的更好方法如下&amp;符合What are the advantages of using data- rather than x- prefix for custom attributes?

<div data-pagination data-total-items="totalItems" data-ng-model="currentPage" data-max-size="5" class="pagination-sm" data-boundary-links="true" data-rotate="false" data-ng-change="pageChanged()"></div>

3 个答案:

答案 0 :(得分:1)

两者都相同 - &gt; angular directives。 使用较短的一个。

答案 1 :(得分:1)

HTML验证并不是那么重要。有时可以安全地忽略它们。然而,只需添加一个&#39;数据 - &#39;在所有属性上加上前缀,编辑器会停止抱怨无效的html。

详细了解here

答案 2 :(得分:0)

data-ng-model =“user.name”和ng-model =“user.name”为您提供相同的结果。你可以使用其中之一。您可以将'data'替换为'x'并获得相同的结果。您添加'data'前缀以通过html5验证器验证它们。