angular-material
md-chips
Recherche…
Puces statiques
Cet exemple utilise <md-chips> et <md-chip> .
REMARQUE : Les puces statiques ne peuvent pas être sélectionnées, supprimées ou modifiées et ne font partie d'aucun modèle. Si aucun ng-model n'est fourni, il n'y a pas d'éléments d'entrée dans <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";
})
Réglage du délai pour sélectionner une nouvelle puce avant de la recentrer sur l'entrée (≥1.1.2)
(Ce contenu est uniquement relatif aux versions 1.1.2 et supérieures)
A partir des versions 1.1.2 et supérieures, vous pouvez définir le délai pour sélectionner une nouvelle puce avant de la recentrer sur l'entrée.
Utilisez l'attribut md-chip-append-delay pour le définir (en millisecondes):
Exemple:
<md-chips md-chip-append-delay="500" ng-model="chipsModel" placeholder="Chips"></md-chips>
Selon angular-material :
Ceci est nécessaire pour l'accessibilité au clavier pour les lecteurs d'écran. La valeur par défaut est 300 ms et tout nombre inférieur à 300 peut entraîner des problèmes avec les lecteurs d'écran (en particulier JAWS et parfois NVDA).