Шаблон ngdialog открывается

Question

Я использую простой ng-диалог для отображения всплывающего окна в моем приложении mvc4 вместе с Angular. Вот мой код

var myAPP = angular.module('myAPP', [ 'ngSanitize', 'jsonDateFilters', 'timer', 'ngDialog']); 

myAPP.config(function ($provide, $controllerProvider, compileProvider, ngDialogProvider) { 
myAPP.controllerProvider = $controllerProvider; 
myAPP.compileProvider = $compileProvider; 

ngDialogProvider.setDefaults({ 
    className: 'ngdialog-theme-default', 
    plain: false, 
    showClose: true, 
    closeByDocument: true, 
    closeByEscape: true, 
    appendTo: false, 
    preCloseCallback: function() { 
     console.log('default pre-close callback'); 
    } 
}); 

Я пытаюсь открыть поп, как указано ниже

$scope.showAlertDetails = function() { 

    ngDialog.open({ 
     template: 'firstDialogId', 
     controller: 'alertEditCtrl', 
     className: 'ngdialog-theme-default', 
      scope: $scope, // this line wasn't here before 
    closeByDocument: false 
    }); 
} 

Мой шаблон

<script type="text/ng-template" id="firstDialogId" > 

<div class="ngdialog-message"> 
    <h3>ngDialog template</h3> 

</div> 
<div class="ngdialog-buttons"> 

    <button type="button" class="ngdialog-button ngdialog-button-primary" ng-click="openSecond()">Open next</button> 
</div> 
</script> 

я ссылаюсь http://ngmodules.org/modules/ngDialog

AngularJS не показывает всплывающее окно с предопределенным шаблоном сценария, скорее, он принимает шаблон id как действие в mvc4.

Answer 1

Я нашел свою первопричину, мой шаблон не был записан в контроллер. Вот что вызвало проблему.