替换 md-select 分隔符

Question

当 md-select 与多个选项一起使用时，并且选择了多个选项，它使用逗号分隔它们。我想将自定义样式应用于正在显示的选定选项，因此希望摆脱自动添加的逗号字符。
我检查了this stackoverflow question，但它对我不起作用，接受的答案是通过使用伪选择器:after 来定位这些字符（即逗号），但是 md-select 为我的代码生成的模板代码无法定位通过这个伪选择器:after，原因是逗号不是md-text 内容的一部分。

下面是选择md-select值的生成模板代码

<md-select-value class="md-select-value" id="select_value_label_62"><span><div class="md-text ng-binding">
Option1
</div>, <div class="md-text ng-binding">
Option2
</div>, <div class="md-text ng-binding">
Option3
</div></span><span class="md-select-icon" aria-hidden="true"></span></md-select-value>

我想去掉 div 标签后的逗号。逗号没有包含在我可以定位它们的任何 html 标记中，这让我陷入了这种情况，因为无论如何我都无法使用 CSS 设置它们的样式。
他们唯一的包装标签是md-select-value，这无助于定位那些稀疏放置的逗号。
任何帮助表示赞赏。谢谢！

Answer 1

您可以使用md-selected-text API (demo from the docs)。请注意，还有一个用于 md-selected-html 的 API。

这是一个使用| 分隔符和md-selected-text 的working example。