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 на ваш text/ng-template это соответствует url шаблона. Так что этот шаблон будет написан $templateCache с именем client/src/organizer/app/planner/plan.html & когда вы запросите шаблон, он будет прочитан оттуда ($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>