Ошибка всплывающего диалога: невозможно прочитать свойство 'show' из undefined

Question

У меня проблема с отображением всплывающего диалога с помощью angularJS.Я пытаюсь тренироваться с демо-сайтом.https://material.angularjs.org/latest/demo/dialog. следующий код - код js моего контроллера.

(function () {
    'use strict';

    angular
        .module('FramesPopup', ['ngRoute', 'ngMaterial' ])
        .controller('PopupController', PopupController);

    PopupController.$inject = ['$scope'];

    function PopupController($scope, $mdDialog) {
        $scope.title = 'PopupController';
        $scope.status = '  ';
        $scope.customFullscreen = false;

        $scope.showAlert = function (ev) {
            // Appending dialog to document.body to cover sidenav in docs app
            // Modal dialogs should fully cover application
            // to prevent interaction outside of dialog
            $mdDialog.show(
                $mdDialog.alert()
                    .parent(angular.element(document.querySelector('#popupContainer')))
                    .clickOutsideToClose(true)
                    .title('This is an alert title')
                    .textContent('You can specify some description text in here.')
                    .ariaLabel('Alert Dialog Demo')
                    .ok('Got it!')
                    .targetEvent(ev)
            );
        };

        activate();

        function activate() {
            console.log("test");
        }


    }
})();

Answer 1

Служба $mdDialog отсутствует в списке аннотаций $inject:

angular
    .module('FramesPopup', ['ngRoute', 'ngMaterial' ])
    .controller('PopupController', PopupController);

̶P̶o̶p̶u̶p̶C̶o̶n̶t̶r̶o̶l̶l̶e̶r̶.̶$̶i̶n̶j̶e̶c̶t̶ ̶=̶ ̶[̶'̶$̶s̶c̶o̶p̶e̶'̶]̶;̶
PopupController.$inject = ['$scope','$mdDialog'];

function PopupController($scope, $mdDialog) {
    $scope.title = 'PopupController';
    $scope.status = '  ';
    $scope.customFullscreen = false;

    $scope.showAlert = function (ev) {
        // Appending dialog to document.body to cover sidenav in docs app
        // Modal dialogs should fully cover application
        // to prevent interaction outside of dialog
        $mdDialog.show(
            $mdDialog.alert()