新しいラインで材料チップを分割する方法？

Question

Enterを押すと、次の行に各項目を分割する必要があります。 Material Chips。どのように開始するかについてのあらゆる指針。

私はtextareaで始まり、それを達成するためにカスタムCSSを書き始めました。しかし、UIはマテリアルほど大きくはありません。

Answer 1

md-chipsディレクティブにカスタムCSSクラスを追加できます。その後、CSS規則を追加して、md-chip子要素をスタイルします。

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; 
} 

オプション：の場合

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

各チップに を入れてください。