md-chip当readonly='true‘时，仍然需要有一个占位符

Question

我的md-chip模板如下：

<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-chip是一个下拉列表，我在下拉列表中进行了搜索。从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"允许在组件中保留占位符，但这会禁用移除项目的可能性。

继续摇摆！