md-Chips, wenn nur lesbar = ‚true‘, noch einen Platzhalter

Question

haben müssen, habe ich die md-Chips Vorlage als:

<md-chips dropdown ng-model="chipArray" readonly="true" 
md-on-remove="blah($chip)" ng-click="blahBlah()" placeholder="Add an item"> 
     <md-chip-template><span>{{$chip.name}}</span> 
</md-chip-template> </md-chips> 

MD-Chips ein Drop-Down in meinem Fall ist, und ich habe meine Suche innerhalb des Dropdowns. Da readonly = true, werden die Platzhalter nicht angezeigt.

Wenn ich das Readonly-Attribut entferne, sind die Platzhalter in Ordnung, aber ich fühle mich in Fällen wie meins würden wir immer noch einen Platzhalter benötigen. Oder eine Alternative wäre in Ordnung. Ich habe versucht mit Container-Hinweis, ich bin mir nicht sicher, ist der richtige Fall hier, aber es scheint nicht zu funktionieren.

https://codepen.io/anon/pen/bWpaoB

Erstes Beispiel ist nicht nur lesbar und das zweite Beispiel ist nur lesbar

Answer 1

Sie benötigen eine HTML für den folgenden Code ersetzen:

<md-chips placeholder="Add an item" readonly="false" md-removable="false" ng-model="ctrl.contacts2"></md-chips> 

Das Attribut md-removable="false" erlauben pflegen Ihr Platzhalter in Ihrer Komponente, aber dies deaktiviert die Möglichkeit, Ihre Artikel zu entfernen.

Weiter rocken!