javascript - Md-dialog 未加载与其关联的 Controller

Question

我试图在单击按钮时在 Angular js1.5 中加载 md-dialog，我看到的只是模态弹出窗口中的 html 标记，而不是该组件的 Controller 加载。以下是我显示 md-dialog 的标记调用对话框的文件

 $mdDialog.show ({
        template: require('../traderdialog/traderdialog.html'),
        controller: Controller,
        controllerAs: 'vm',
        locals : {
            traderId : traderId
        },
        clickOutsideToClose : true
        });
    }

因此，当我执行 Controller : Controller 时，它会转到我的目录结构中的不同组件。 我的 traderdialog.js 代码如下

 angular.module('dashboard')
.component('traderdialog', {
    template: require('./traderdialog.html'),
    controller: Controller,
    controllerAs: 'vm',
    bindings: {

    }
});

function Controller( $mdDialog) { *some code* }

Answer 1

$mdDialog.show ({
        template: require('../traderdialog/traderdialog.html'),
        controller: function ControllerName($scope){
                    $scope.data = "Controller Loaded";
         },
        locals : {
            traderId : traderId
        },
        clickOutsideToClose : true
        });
    }

或

 $mdDialog.show ({
            template: require('../traderdialog/traderdialog.html'),
            controller: controllerName,
            locals : {
                traderId : traderId
            },
            clickOutsideToClose : true
            });
        }
    function controllerName($scope){
                        $scope.data = "Controller Loaded";
             }