angular-material
md-chips
Zoeken…
Statische chips
In dit voorbeeld worden <md-chips> en <md-chip> .
OPMERKING : Statische chips kunnen niet worden geselecteerd, verwijderd of bewerkt en maken geen deel uit van een model. Als er geen ng-model is opgegeven, zijn er geen invoerelementen 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";
})
De vertraging instellen om een nieuwe chip te selecteren voordat opnieuw op de ingang wordt scherpgesteld (≥1.1.2)
(Deze inhoud is alleen relevant voor versies 1.1.2 en hoger)
Vanaf versie 1.1.2 en hoger kunt u de vertraging instellen om een nieuwe chip te selecteren voordat u opnieuw scherpstelt op de invoer.
Gebruik het kenmerk md-chip-append-delay om het in te stellen (in milliseconden):
Voorbeeld:
<md-chips md-chip-append-delay="500" ng-model="chipsModel" placeholder="Chips"></md-chips>
Volgens angular-material :
Dit is nodig voor toetsenbordtoegang voor schermlezers. De standaardwaarde is 300 ms en elk getal kleiner dan 300 kan problemen veroorzaken met schermlezers (met name JAWS en soms NVDA).