Как вставить $ dialog в существующий контроллер страницы angularjs

Question

Я хочу создать простое всплывающее диалоговое окно в AngularJS, используя директиву bootstrap-ui $ dialog.

Я получаю $ dialog undefined, когда пытаюсь ввести в контроллер. Может ли кто-нибудь дать подсказку «Как правильно вставить $ dialog» в следующий проект и вызвать его для создания всплывающего диалогового окна?

Заранее спасибо

index.js:

angular.module('myapp', ['myapp.core','myapp.templates','ui.router', 'ui.bootstrap', 
    'angularChart', 'angularjs-dropdown-multiselect', 'smart-table', 'angularModalService']); 

Page Controller:

(function() { 
    'use strict'; 
    angular.module('myapp').controller('Page3Controller', Page3Controller); 
    function Page3Controller(
    $scope, 
    $dialog, // undefined 
    Page3Service, 
    Utility) { 

Answer 1

Контроллер:

(function(){ 
    angular.module("myApp").controller("Page3Controller", ["$scope", 
     "$dialog", "Page3Service", "Utility", Page3Controller]); 

     function Page3Controller($scope, $dialog, Page3Service, Utility){ 
      $dialog.whatEverYouNeedToDo(); 

     } 
}); 

Answer 2

Как принятого ответа this post говорит, Служба $dialog была реорганизована в $modal для версии 0.6.0 из ui-bootstrap. Функциональность от $dialog должна быть доступна только через $modal.

введите $modal сервис в свой модуль, и он должен работать. Читайте docs

Таким образом, чтобы изменить код,

(function() { 
     'use strict'; 
     angular.module('myapp').controller('Page3Controller', Page3Controller); 
     function Page3Controller(
     $scope, 
     $modal, // now do with it whatever you want, refer to the docs for detailed change 
     Page3Service, 
     Utility) { 

Пожалуйста, проверьте, если он работает таким образом.