Javascript Angularjs ui选择空间表示问题

我正在使用AngularJs UI选择下拉列表。由于我还需要在同一下拉列表中表示子项，因此我在子项后面添加了内容，并且下拉列表的可见性也很好。但是，当我选择具有的子节点时，问题就出现了。所选节点将与一起出现，如何在选择特定客户时避免出现这些节点？请找到我的照片和图片以供参考

因为我不想有难看的“---”，所以我用“---”代替了它们

addOptionsToDropDown(options[i].children, stringToPrepend + '   &nbsp');

---

将

替换为

字符串。fromCharCode（160）

它会起作用的

String.fromCharCode（）

表示使用指定的Unicode值序列创建的字符串。对于非中断空间，其“160”

我通过替换来测试它

'   &nbsp'

到

---

在plunker中，它工作得很好

过滤器解决了这个问题。Plunker已更新

app.filter("replacenbsp", function() {
    return function(data, delimiter) {
       return data.replace('    ',delimiter);
     }
   });

在JSP中

{{$select.selected.name | replacenbsp : '' }}

---

尝试在{{}中添加。如果可能的话，在小提琴或普朗克上做一个演示。我已经附上了普朗克。你可以用这种方式来做，但这都是可以解决的。。需要有一个角度的解决方案，你可以用这种方法来做，但这都是需要解决的。。需要有一个角度的解决方案

{{$select.selected.name | replacenbsp : '' }}