Angular中的模态不起作用.未处理的拒绝{}

Question

我想创建一个模态(对话框).我已经按照官方bootstrap文档的例子,但我卡住了.当我尝试创建模态时,我收到一个错误

angular.min.js:122可能未处理的拒绝:{}

mainController:

 angular
.module('app')
.controller('tlmController', function($scope, $http, $timeout, $uibModal,         DTOptionsBuilder, DataLoader, TestLines) {
    $scope.openTestLineDetails = function(id) {
        var modalInstance = $uibModal.open({
            size: 'lg',
            controller: 'testlineDetailsController',
            templateUrl: 'app/client/layout/testlinedetails.tpl.html',
            resolve: {
                testLineId: function() {
                    return id;
                }
            }
        });
    };
 })

和TestlineDetailsController:

angular
.module('app')
.controller('testlineDetailsController', function($scope, $modalInstance, testLineId) {


});

这段代码有什么问题？我在主控制器中使用$ uibModal($ modal服务不存在).当我用$ uibModalInstance替换$ modalInstance时我也收到一个错误(service $ uibModalInstance不存在),所以我必须在$ modalInstance中使用$ uibModal.Strage但是真的.

Answer 1

你可以在app.config中编写以下代码

app.config(['$qProvider', function ($qProvider) {
    $qProvider.errorOnUnhandledRejections(false);
}]);