未显示带有 ng-bind 的 span 中的元素

【问题标题】：element in span with ng-bind not displayed未显示带有 ng-bind 的 span 中的元素
【发布时间】：2019-12-13 15:20:50
【问题描述】：

这是我的问题。

<span class="col-sm-3 col-md-3" ng-bind-template="{{controller.getToolTip()}}">
   <span class="icon " ng-class="controller.getIcone()" aria-hidden="true"></span>
</span>

在我的控制器中，getToolTip() 返回一个字符串，getIcone() 也是如此。第二个 span 永远不会显示，也不存在于 DOM 中。

但如果我用这个代替：

<span class="col-sm-3 col-md-3" >
   {{controller.getToolTip()}}
   <span class="icon " ng-class="controller.getIcone()" aria-hidden="true"></span>
</span>

这一次我可以看到我的第二个跨度。你知道是什么问题

【问题讨论】：

标签： html angularjs ng-bind

【解决方案1】：

ng-bind-template 指令将元素的内容替换为 ngBindTemplate 属性中模板的插值。

在此处阅读更多信息：https://docs.angularjs.org/api/ng/directive/ngBindTemplate

示例模板中也存在语法错误。在这种情况下，引号不会关闭并且需要花括号，如下所示：

<span class="col-sm-3 col-md-3" ng-bind-template="{{controller.getToolTip()}}">

【讨论】：

感谢您的回答，是的，您是对的。我尝试了不同的事情，但我在帖子中犯了一个错误。因此，显示第二个跨度的唯一方法是使用插值而不是 ng-bind-template（或 ng-bind）？
您始终可以使用自定义指令遵循另一种方法。 ng-bind 和 ng-bind-template 都替换了内容