Comment découper des copeaux de matériau sur une nouvelle ligne?

Question

En appuyant sur Entrée, je dois diviser chaque élément sur la ligne suivante. Material Chips. Tout pointeur sur la façon de commencer.

J'ai commencé avec textarea et j'ai commencé à écrire du CSS personnalisé pour y arriver. Mais l'interface utilisateur n'est pas aussi bonne que le matériel.

Answer 1

Vous pouvez ajouter une classe css personnalisée à la directive md-chips. Après cela, ajoutez les règles css au style md-chip élément enfant.

CHECK THIS PLUNKER WITH 3 DIFFERENT EXAMPLES

HTML:

<md-chips class="chip-new-line" ng-model="data" placeholder="Enter an animal"></md-chips> 

CSS

.chip-new-line md-chip { 
    display: block; 
    clear: left; 
    float: left; 
} 

EN OPTION: Si vous voulez chaque puce prendre 100% des conteneurs, il suffit d'utiliser la place suivante css:

.chip-new-line md-chip { 
    display: block; 
    width: 100%; 
}