Question

这是我的问题。

<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()相同。第二个跨度从不显示，也不存在于DOM中。

但是，如果我用这个替换：

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

这次我可以看到第二个跨度。您有什么问题吗

Answer 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范围内的元素

1 个答案: