替换md选择分隔符

Question

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

下面是生成的模板代码，其中md选择值被选择

<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-textAPI(文档中的演示(。请注意，md-selected-html还有一个API。

下面是一个使用|分隔符char和md-selected-text的工作示例。