angular-material
MD-Chips
Suche…
Statische Chips
In diesem Beispiel werden <md-chips> und <md-chip> .
HINWEIS : Statische Chips können nicht ausgewählt, entfernt oder bearbeitet werden und sind nicht Teil eines Modells. Wenn kein ng-model bereitgestellt wird, gibt es keine Eingabeelemente 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";
})
Einstellen der Verzögerung zur Auswahl eines neuen Chips vor dem erneuten Fokussieren auf den Eingang (≥1.1.2)
(Dieser Inhalt ist nur für Versionen 1.1.2 und höher relevant)
Ab Version 1.1.2 können Sie die Verzögerung einstellen, um einen neuen Chip auszuwählen, bevor Sie den Eingang erneut fokussieren.
Verwenden Sie das Attribut md-chip-append-delay , um es md-chip-append-delay (in Millisekunden):
Beispiel:
<md-chips md-chip-append-delay="500" ng-model="chipsModel" placeholder="Chips"></md-chips>
Nach angular-material :
Dies ist für die Tastaturzugriffsmöglichkeit für Bildschirmleseprogramme erforderlich. Die Standardeinstellung ist 300 ms, und eine beliebige Anzahl von weniger als 300 kann Probleme mit Bildschirmleseprogrammen verursachen (insbesondere JAWS und manchmal NVDA).