angular ui 弹出窗口标题可以是 angular 表达式吗

Question

我无法将 popover-html 设置为 angular 表达式。

例如 angular 标记

<script type="text/ng-template" id="something.html">
   <button>dummy</button>
</script>
<button popover-is-open="sm.isOpen" 
popover-template="'something.html'" 
popover-placement="top" popover-title="sm.popoverTitle"/>

控制器代码

 function activate(){
      $scope.sm={};
      $scope.sm.isOpen=true;
      $scope.sm.popoverTitle=" Functionality  <button>close</button>";
 }
 activate();

弹出窗口标题呈现为 'sm.popoverTitle' 而不是我指定的 html 标记。

我正在使用 angular UI Bootstrap 版本 0.13.4

Answer 1

将标题括在方括号中，以便 angular 知道要获取内容。

<button popover-is-open="sm.isOpen" 
    popover-template="'something.html'" 
    popover-placement="top" popover-title="{{sm.popoverTitle}}"/>

angular ui 弹出窗口标题可以是 angular 表达式吗

Can angular ui popover title be an angular expression

javascript

angularjs

angular-ui-bootstrap