Spec-Zone.ru › Angular.js 1.4

Улучшить эту документацию ngAria

Установка

Сначала добавьте angular-aria.js в свой HTML:

<script src="angular.js">
<script src="angular-aria.js">

Вы можете загрузить этот файл из следующих мест:

  • Google CDN
    например, //ajax.googleapis.com/ajax/libs/angularjs/X.Y.Z/angular-aria.js
  • Bower
    например,
    bower install angular-aria@X.Y.Z
  • code.angularjs.org
    например,
    "//code.angularjs.org/X.Y.Z/angular-aria.js"

где X.Y.Z — версия AngularJS, которую вы используете.

Затем загрузите модуль в своё приложение, добавив его в качестве зависимого модуля:

angular.module('app', ['ngAria']);

Теперь вы готовы к работе!

Модуль ngAria предоставляет поддержку общих атрибутов ARIA, которые передают состояние или семантическую информацию о приложении для пользователей вспомогательных технологий, таких как программы-синтезатора речи.

Использование

Для того, чтобы ngAria выполнял свою работу, просто включите модуль ngAria в качестве зависимости. Поддерживаются следующие директивы: ngModel, ngDisabled, ngShow, ngHide, ngClick, ngDblClick, и ngMessages.

Ниже представлено более подробное описание атрибутов, обрабатываемых ngAria:

ДирективаПоддерживаемые атрибуты
ngDisabledaria-disabled
ngShowaria-hidden
ngHidearia-hidden
ngDblclicktabindex
ngMessagesaria-live
ngModelaria-checked, aria-valuemin, aria-valuemax, aria-valuenow, aria-invalid, aria-required, roles input
ngClicktabindex, событие keypress, роль button

Дополнительную информацию о каждой директиве можно найти в Руководстве разработчика ngAria.

Использование ngDisabled с ngAria:

<md-checkbox ng-disabled="disabled">

Преобразуется в:

<md-checkbox ng-disabled="disabled" aria-disabled="true">

Отключение атрибутов

Можно отключить отдельные атрибуты, добавляемые ngAria, с помощью метода config. Более подробную информацию см. в Руководстве разработчика.

Компоненты модуля

Провайдер

ИмяОписание
$ariaProvider

Используется для конфигурирования атрибутов ARIA, которые вводятся и управляются ngAria.

Сервис

ИмяОписание
$aria

© 2010–2017 Google, Inc.
Licensed under the Creative Commons Attribution License 4.0.
https://code.angularjs.org/1.4.14/docs/api/ngAria

Spec-Zone.ru

Настройки Оффлайн Что нового Помощь О нас
Spec-Zone .ru
спецификации, руководства, описания, API