AngularUI模态对话框无效

时间:2013-08-28 13:39:18

标签: javascript angularjs angular-ui

我正在尝试在我的应用中包含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中的角度模块

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#在Object上没有方法'对话'。$ scope.openDialog 错误。

我做错了什么?

1 个答案:

答案 0 :(得分:3)

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