当readonly =＆＃39; true＆＃39;时，md-chips仍然需要占位符

Question

我有md-chips模板：

<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是我的情况下拉，我在下拉列表中搜索。由于readonly = true，因此占位符不会显示。

如果我删除readonly属性，占位符很好，但我觉得在我的情况下我们仍然需要一个占位符。或者替代方案可以。我尝试了容器提示，我不确定这是不是正确的情况，但它似乎没有用。

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"允许在您的组件中维护占位符，但这会禁用删除项目的可能性。

继续摇摆！