【问题标题】:$mdDialog and controllers$mdDialog 和控制器
【发布时间】:2016-05-12 13:47:03
【问题描述】:

我有两个$mdDialog,我想在两个不同的视图中使用它们,每个视图的控制器完全相同。我想要的是在每个控制器中都有$mdDialog.show() 函数,传递一个对象和一个控制器文件来完成这项工作。

但是当我尝试这个时,我得到一个错误,说 DialogCtrl 没有定义。

例如, 在视图控制器中:

angular.module('myApp')
        .controller('myViewController', [
            '$scope',
            '$mdDialog',
            myViewController
        ]);

function myViewController($scope, $mdDialog, myObj) {

    var obj = myObj;
    vm.showDialog = function(event) {
            $mdDialog.show({
                    controller: DialogCtrl,
                    templateUrl: 'partials/dialog.html',
                    clickOutsideToClose: false,
                    parent: angular.element(document.body),
                    targetEvent: event,
                    openFrom: {left: 1500},
                    closeTo: {left: 1500},
                    locals: { object: obj }
                })
                .then(function(response) {
                 //do stuff
                });

};

然后是我的对话控制器:

angular.module('myApp')
        .controller('DialogCtrl', [
            '$scope',
            '$mdDialog',
            'object',
            DialogCtrl
        ]);

    function DialogCtrl( $scope, $mdDialog, object ) {
        $scope.obj = object;

        $scope.answer = function(answer) {
            $mdDialog.hide({
                answer: answer,
                dataToPass: $scope.obj.name
            });
        };

    }

【问题讨论】:

  • 尝试再次阅读文档...您只需在控制器周围加上引号(即“DialogCtrl”而不是 DialogCtrl)

标签: javascript angularjs angular-material


【解决方案1】:

尝试将控制器名称放在引号中:

$mdDialog.show({
                controller: 'DialogCtrl',
                templateUrl: 'partials/dialog.html',
                clickOutsideToClose: false,
                parent: angular.element(document.body),
                targetEvent: event,
                openFrom: {left: 1500},
                closeTo: {left: 1500},
                locals: { object: obj }
            })

这将消除错误。

【讨论】:

    猜你喜欢
    • 2021-12-18
    • 1970-01-01
    • 1970-01-01
    • 2019-06-12
    • 1970-01-01
    • 1970-01-01
    • 2018-12-18
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多