ngDialog 不在模板中显示数据

Question

当我调用 ngDialog 时，没有显示模板中的任何信息。它到达 DOM，但未显示。

这是调用它的函数：

controller.showPlan = function (plan) {
    ngDialog.open({
        template: 'client/src/organizer/app/planner/plan.html',
        scope: $scope.this
    });
};

这是模板：

<script type="text/ng-template">
<div class="ngdialog-message">
    <h1>Template heading</h1>
    <p>Content goes here</p>
</div>

这是主模板中调用它的地方：

<label ng-if="Planner.hasPlan(plan)" ng-click="Planner.showPlan(plan)">{{plan.title}}</label>

除 ngDialog 外一切正常。

Answer 1

将 id 添加到与模板 url 匹配的 text/ng-template。因此，此模板将以名称 client/src/organizer/app/planner/plan.html 写入 $templateCache，当您请求模板时，将从那里读取模板 ($templateCache)。

HTML

<script type="text/ng-template" id="client/src/organizer/app/planner/plan.html">
    <div class="ngdialog-message">
        <h1>Template heading</h1>
        <p>Content goes here</p>
    </div>
</script>

ngDialog 不在模板中显示数据

ngDialog doesn't show data in template

angularjs

ng-dialog