Bootstrap插入符类不适用于ng-bind

Question

我有以下代码：

<a href="#" class="dropdown-toggle" data-toggle="dropdown" ng-bind="user.displayName">
    <b class="caret"></b>
</a>

正如你所看到的，我使用Bootstrap的caret类和AngularJS的ng-bind。不幸的是，当我使用mg-bind时，我的网页上看不到插入符号。但是，当我不使用mg-bind时，只需内联这样的值：

<a href="#" class="dropdown-toggle" data-toggle="dropdown">
    {{user.displayName}}<b class="caret"></b>
</a>

可以看到插入符号。

在使用ng-bind时如何使插入符可见？

Answer 1

来自文档：https://docs.angularjs.org/api/ng/directive/ngBind

  

ngBind属性告诉Angular 替换文本内容   指定的HTML元素，其值为给定表达式

因此，使用ng-bind替换元素的内容（包括您的插入符号）。

你可以这样做：

<a href="#" class="dropdown-toggle" data-toggle="dropdown">
    <span ng-bind="user.displayName"></span><b class="caret"></b>
</a>

编辑：非常好的阅读与此主题半关联：AngularJS : Why ng-bind is better than {{}} in angular?