MD-芯片時只讀=「真」，還需要有一個佔位符

Question

我有MD-芯片模板：

<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-芯片是在我的情況下拉，我有我的搜索在下拉菜單中。由於readonly = true，佔位符不會顯示。

如果我刪除只讀屬性，佔位符是好的，但我覺得在我的情況下，我們仍然需要一個佔位符。或者一個替代品會很好。我嘗試了容器提示，我不確定這裏是否是正確的案例，但似乎並不奏效。

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

第一個例子是不只讀和第二個例子是隻讀

Answer 1

你需要更換你的HTML爲下面的代碼：

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

屬性md-removable="false"允許保持您的組件中的佔位符，但這會禁用刪除項目的可能性。

保持搖擺！