angular-material
md-chips
Buscar..
Chips estáticos
Este ejemplo utiliza <md-chips> y <md-chip> .
NOTA : los chips estáticos no se pueden seleccionar, eliminar o editar, y no forman parte de ningún modelo. Si no se proporciona un ng-model , no hay elementos de entrada en <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";
})
Configuración de la demora para seleccionar un nuevo chip antes de volver a enfocar en la entrada (≥1.1.2)
(Este contenido solo es relevante para las versiones 1.1.2 y posteriores)
Desde las versiones 1.1.2 y superiores, puede configurar el retraso para seleccionar un nuevo chip antes de volver a enfocar en la entrada.
Use el atributo md-chip-append-delay para configurarlo (en milisegundos):
Ejemplo:
<md-chips md-chip-append-delay="500" ng-model="chipsModel" placeholder="Chips"></md-chips>
Según angular-material :
Esto es necesario para la accesibilidad del teclado para lectores de pantalla. El valor predeterminado es 300 ms y cualquier número menor de 300 puede causar problemas con los lectores de pantalla (especialmente JAWS y, a veces, NVDA).