Объявление угловых директив в разметке

Question

Какова наилучшая практика объявления директив на HTML-странице. Согласно http://angular-ui.github.io/bootstrap/#/pagination директива показана как так

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

на этом StackOverflow вопрос What are the advantages of using data- rather than x- prefix for custom attributes?

лучший способ представления этой директивы будет выглядеть следующим образом & соответствует HTML5 specifications

<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> 

Answer 1

Валидация HTML не так уж важна. Иногда их можно смело игнорировать. Однако, просто добавив префикс 'data-' для всех атрибутов, редактор перестанет жаловаться на недопустимый html.

подробнее об этом here

Answer 2

Оба являются такой же ->angular directives. Используйте более короткий.

Answer 3

данных нг-модель = "user.name" и нг-модель = "user.name" предоставить вам с тем же результатом. Вы также можете использовать. Вы можете заменить «данные» на «x» и получить тот же результат. Вы добавляете префикс «данные», чтобы проверить их с помощью валидаторов html5.