Question

我发布了一个早期问题：angular-ui-bootstrap: Implementing html in popover using popover-html，建议我使用popover-template。

<i popover-template="popover-partial.html" popover-title="In Progress" class="glyphicon glyphicon-info-sign"></i>

<script type="text/ng-template" id="popover-partial.html">
    <b>Jody</b>
</script>

所以我试图这样做，但现在popover不会在点击时激活。

我使用的是版本0.13.4。

Answer 1

popover-template值应为string，换句话说，您可以说，它需要expression / scopeVariable。

<i popover-template="'popover-partial.html'" 
  popover-title="In Progress" 
  class="glyphicon glyphicon-info-sign">
</i>

Demo

Answer 2

您必须将模板公开到范围才能工作。这样做会更好，因为现在通过在示波器上设置变量和模型，您的模板可以更加动态。您还可以设置模板提供程序，这样您就不会在html代码下拥有所有这些小脚本标记。

在您看来：

<i popover-template="popover.templateUrl" 
popover-title="popover.title" class="glyphicon glyphicon-info-sign"></i>

<script type="text/ng-template" id="popover-partial.html">
<b>Jody</b>
</script>

在您的控制器中：

$scope.popover = {
templateUrl: 'popover-partial.html',
title: 'Title'
};

angular-ui：使用popover-template

2 个答案: