angular-material
md-chips
Sök…
Statiska chips
Det här exemplet använder <md-chips> och <md-chip> .
OBS : Statiska chips kan inte väljas, tas bort eller redigeras och ingår inte i någon modell. Om ingen ng-model tillhandahålls finns det inga ingångselement i <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";
})
Ställa in fördröjningen för att välja ett nytt chip innan du fokuserar om ingången (≥1.1.2)
(Detta innehåll är endast relavant för version 1.1.2 och senare)
Från version 1.1.2 och uppåt kan du ställa in fördröjningen för att välja ett nytt chip innan du fokuserar på ingången igen.
Använd attributet md-chip-append-delay att ställa in det (i millisekunder):
Exempel:
<md-chips md-chip-append-delay="500" ng-model="chipsModel" placeholder="Chips"></md-chips>
Enligt angular-material :
Detta är nödvändigt för tangentbordstillgänglighet för skärmläsare. Den är standard på 300 ms och alla nummer som är mindre än 300 kan orsaka problem med skärmläsare (särskilt JAWS och ibland NVDA).