angular-material
мкр-чипы
Поиск…
Статические чипы
В этом примере используются <md-chips> и <md-chip> .
ПРИМЕЧАНИЕ . Статические чипы не могут быть выбраны, удалены или отредактированы и не являются частью какой-либо модели. Если ng-model не предусмотрена, в <md-chips> нет входных элементов.
index.html :
<md-content ng-controller="ChipController">
<md-chips>
<md-chip>Test</md-chip>
<md-chip>Another chip</md-chip>
<md-chip>{{chip}}</md-chip>
</md-chips>
app.js :
var app = angular.module('SomeApp', [/* Your dependencies here */ 'ngMaterial'])
app.controller('ChipController', function($scope) {
$scope.chip = "$scope";
})
Установка задержки для выбора нового чипа перед перефокусировкой на входе (≥1.1.2)
(Этот контент относится только к версиям 1.1.2 и выше)
Из версий 1.1.2 и выше вы можете установить задержку для выбора нового чипа перед переоризацией на входе.
Используйте атрибут md-chip-append-delay для его установки (в миллисекундах):
Пример:
<md-chips md-chip-append-delay="500" ng-model="chipsModel" placeholder="Chips"></md-chips>
Согласно angular-material :
Это необходимо для доступности клавиатуры для чтения с экрана. По умолчанию он равен 300 мс, а любое число менее 300 может вызвать проблемы с программами чтения с экрана (особенно JAWS, а иногда и NVDA).