Angularjs 角度材质-更改md中的分隔符选择多个选项

我的表单中有一个md select，有多个选项（与相同）。它在其输入字段中显示以逗号分隔的选定选项列表。有没有办法换分离器？（例如，将逗号改为星形或另一个UTF-8字符）。

您可以使用纯CSS进行操作。您应该使用

可见性：collapse

隐藏逗号，然后可以添加带有

：after

或

：before

伪元素的Unicode图标

HTML

<md-select class="my-select" ng-model="vm.selectedItem" multiple>
  <md-option ng-value="item.id" ng-repeat="item in vm.items">{{ item.name }}</md-option>
</md-select>

---

这就是你可以使用的

---

而且，如果你愿意，你也可以

对我来说，生成的模板代码没有逗号字符作为：after伪选择器的内容，因此无法使用：after选择器将其作为目标。@Prime您能否共享您的angular material版本，以便我可以在可能的情况下更新我的答案？

.my-select[multiple] .md-select-value span:first-child {
  visibility: collapse;
}

.my-select[multiple] .md-select-value .md-text {
  display: inline-block !important;
  visibility: visible;
}

.my-select[multiple] .md-select-value .md-text:not(:last-child):after {
  content: '\2605'; /* star */
  margin: 0 -5px 0 5px;
}