弹出对话框错误：无法读取未定义的属性“显示”答案

【问题标题】：Popup dialogue error: Cannot read property 'show' of undefined弹出对话框错误：无法读取未定义的属性“显示”
【发布时间】：2019-03-04 11:34:20
【问题描述】：

我在使用 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");
        }


    }
})();

【问题讨论】：

根据这篇文章，github.com/angular/material/issues/1114。我应该为 $mdDialog 添加注入代码..

标签： asp.net angularjs angular-material

【解决方案1】：

$inject 注释列表中缺少$mdDialog 服务：

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()

【讨论】：