Angularjs 如何让bootstap popover工作？_Angularjs_Twitter Bootstrap 3_Popover

Angularjs 如何让bootstap popover工作？

angularjs twitter-bootstrap-3

Angularjs 如何让bootstap popover工作？,angularjs,twitter-bootstrap-3,popover,Angularjs,Twitter Bootstrap 3,Popover,我试图为小数创建一个引导popover，并在popover中显示该小数，以下是模板： <span ng-bind-html="amount1"> </span> 目前，我已将我的府绸定义为： <h1 popover-template="myPopoverTemplate.html" popover-trigger="mouseenter" ng-bind-html="amount1"></h1> <h1 popover-tem

我试图为小数创建一个引导popover，并在popover中显示该小数，以下是模板：

<span
     ng-bind-html="amount1">
</span>

目前，我已将我的府绸定义为：

<h1 popover-template="myPopoverTemplate.html" popover-trigger="mouseenter" ng-bind-html="amount1"></h1>
<h1 popover-template="'myPopoverTemplate.html'" popover-trigger="mouseenter" ng-bind-html="amount2"></h1>

是否可以对2个金额使用相同的popover模板

普朗克：

请参考：

您将获得如何显示popover的示例。

您的ng bind html=“amount1”在出现错误时对其使用ng sanitize存在问题

“错误：[$sce:unsafe]试图在安全上下文中使用不安全值。”

我理解您的问题，您希望使用相同的模板在popover上显示amount1和amount2的amount1，这是您的解决方案

HTML代码：

 <body ng-app="ui.bootstrap.demo">

  <div ng-controller="PopoverDemoCtrl">
    <br>
    <br>
    <br>

    <br>
    <br>
    <br>

&nbsp; &nbsp;
   <span popover-template="'myPopoverTemplate.html'" popover-trigger="mouseenter" ng-bind-html="amount1" ng-mouseenter="flag=true"> </span>
    <span popover-template="'myPopoverTemplate.html'" popover-trigger="mouseenter" ng-bind-html="amount2" ng-mouseenter="flag=false"> </span>

  </div>
</body>

模板代码：

<span ng-if='flag' ng-bind-html="amount1">

</span>
<span ng-if='flag === false' ng-bind-html='amount2'>
  </span>

解决方案的plunker：

（新Plunker）

我仍然想使用ng bind HTMLH此问题已解决，请参阅新答案，有一个ng sanitize依赖项丢失，其丢失文件watch new edited plunkerLook在问题中有2个金额，我想知道是否可以通过某种方式传入金额来使用相同的popovertemplate。这意味着您希望在同一模板中同时使用金额1和金额2？？我想使用相同的模板，ie将鼠标悬停在amount1上时在弹出框中显示amount1，将鼠标悬停在amount2上时显示amount2。请参阅新编辑的答案和提示

<span ng-if='flag' ng-bind-html="amount1">

</span>
<span ng-if='flag === false' ng-bind-html='amount2'>
  </span>