angular-material
md-chips
Ricerca…
Chip statici
Questo esempio utilizza <md-chips> e <md-chip> .
NOTA : i chip statici non possono essere selezionati, rimossi o modificati e non fanno parte di alcun modello. Se non viene fornito alcun ng-model , non ci sono elementi di input in <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";
})
Impostazione del ritardo per selezionare un nuovo chip prima di rimettere a fuoco sull'input (≥1.1.2)
(Questo contenuto è valido solo per le versioni 1.1.2 e successive)
Dalla versione 1.1.2 in su, è possibile impostare il ritardo per selezionare un nuovo chip prima di rimettere a fuoco sull'input.
Usa l'attributo md-chip-append-delay per impostarlo (in millisecondi):
Esempio:
<md-chips md-chip-append-delay="500" ng-model="chipsModel" placeholder="Chips"></md-chips>
Secondo il angular-material :
Questo è necessario per l'accessibilità della tastiera per gli screen reader. Il valore predefinito è 300 ms e qualsiasi numero inferiore a 300 può causare problemi con gli screen reader (in particolare JAWS e talvolta NVDA).