javascript - AngularUI 模态对话框不起作用

Question

我正在尝试在我的应用程序中包含 angularui 模块化对话框

在我的controller.js中

define([ 'app' ], function(app) {
  app.controller('TeacherClasses',
  [ '$scope', '$http', '$dialog','$location', 'anotherservice',
  function($scope, $http, $location, $dialog, anotherservice) {
$scope.opts = {
        backdrop: true,
        keyboard: true,
        backdropClick: true,
        template:  '/pathto/partial.html'
    };

    $scope.openDialog = function(studentGroup){
        $scope.newClass = angular.copy(studentGroup);
        var modal = $dialog.dialog($scope.opts);
        modal.open();
    }
    }]);

return app;
});

我已将 ui.bootstrap.dialog 添加到 app.js 中的 Angular 模块

var myModule = angular.module('myApp', 
[ 'ngResource', 'ui', 'infinite-scroll', 'ngDragDrop', 'blueimp.fileupload','ui.bootstrap.dialog', 'ui.bootstrap.modal',
  'ui.bootstrap.dropdownToggle', 'LoadingIndicator', 'http-auth-interceptor']);

现在，我不断遇到 TypeError: Object # has no method 'dialog' at Object.$scope.openDialog 错误。

我做错了什么？

Answer 1

列出依赖项的顺序就是它们传递给 Controller ​​函数的顺序。由于 $dialog 是依赖项数组中的第三个条目，因此它应该是函数中的第三个参数。