Невозможно правильно ввести ngDialog в контроллер

Question

Я новичок в AngularJS и пытаюсь открыть диалоговое окно с помощью ngDialog.

Это мой контроллер:

(function() { 
     var myController = function($scope, myService, ngDialog) { 
      $scope.title = "Getting data from service"; 
      $scope.openReportDialog = function() { 
       alert("inside function"); 
       ngDialog.open({ template: '<h1>Pranjal</h1>' }); 
      }; 
      myService.getPlan().success(function(r,s,x){ 
       $scope.planData = r.plan; 
      }); 
      myService.getPlan().success(function(r,s,x){ 
       $scope.userData = r.plan; 
      }); 
     }; 
     angular.module("app").controller("myController", myController); 
    }()); 

Это мой вид файла:

<div class="container"> 

    <button ng-click="openReportDialog()"> 
     <span class="glyphicon glyphicon-pencil" aria-hidden="true"> </span> 
    </button> 

</div> 

Everytime я получаю эту ошибку:

Uncaught SyntaxError: Unexpected token < dialog.js:1 
Uncaught SyntaxError: Unexpected token < v_sample.html:1 

    Error: [$injector:unpr] http://errors.angularjs.org/1.4.5/$injector/unpr?p0=ngDialogProvider%20%3C-%20ngDialog%20%3C-%20myController 
    at Error (native) 
     at http://127.0.0.1:8020/OMS_Phase_3/lib/angular.min.js:6:416 
     at http://127.0.0.1:8020/OMS_Phase_3/lib/angular.min.js:40:307 
     at Object.d [as get] (http://127.0.0.1:8020/OMS_Phase_3/lib/angular.min.js:38:308) 
     at http://127.0.0.1:8020/OMS_Phase_3/lib/angular.min.js:40:381 
     at d (http://127.0.0.1:8020/OMS_Phase_3/lib/angular.min.js:38:308) 
     at e (http://127.0.0.1:8020/OMS_Phase_3/lib/angular.min.js:39:64) 
     at Object.g.instantiate (http://127.0.0.1:8020/OMS_Phase_3/lib/angular.min.js:39:213) 
     at b.$get (http://127.0.0.1:8020/OMS_Phase_3/lib/angular.min.js:80:257) 
     at $route.link (http://127.0.0.1:8020/OMS_Phase_3/lib/angular-route.js:977:26) <div ng-view="" class="ng-scope"> 

Answer 1

Ваше сообщение об ошибке указывает на то, что приложения не может получить требуемые зависимости. Как вы сказали в своем комментарии, вы уже добавляете «ngDialog» в определение вашего модуля. Можете ли вы подтвердить, что вы включаете библиотеку ngDialog.min.js при загрузке приложения (может быть в index.html), и к нему обращаются правильно?