Question

我使用角度ui模态模型来制作我的模态服务。除了点击确定和取消按钮时，一切正常，控制台告诉我 TypeError：$ uibModal.dismiss不是函数在Scope.ModalController。$ scope.cancel（table-todos-modal.controller.js：21）

这是我的模态控制器。

(function() {
'use strict';

angular
    .module('chamAppApp.table-todos')
    .controller('ModalController', ModalController);

ModalController.$inject = ['$scope', '$uibModal', 'items'];

/* @ngInject */
function ModalController($scope, $uibModal, items) {

    $scope.title = 'ModalController';
    $scope.category = items;

    $scope.ok = function() {
        $uibModal.close();
    };

    $scope.cancel = function() {
        $uibModal.dismiss('cancel');
    };

    activate();

    ////////////////

    function activate() {
        console.log('checking if this works');
    }
}
})();

非常感谢！

Answer 1

您需要$modalInstance来呼叫.dismiss()和.ok()。

以下是完整的工作示例：

http://plnkr.co/edit/6djuhA8ohMkrWW7zohg1?p=preview

你应该做这样的事情才能使它发挥作用。

var modalInstance = $uibModal.open({
    animation: $scope.animationsEnabled,
    templateUrl: 'myModalContent.html',
    controller: 'ModalInstanceCtrl',
    size: size,
    resolve: {
        items: function () {
            return $scope.items;
        }
    }
});

modalInstance.result.then(function (selectedItem) {
    $scope.selected = selectedItem;
}, function () {
    $log.info('Modal dismissed at: ' + new Date());
});

单击模式中的确定和取消按钮时，在控制台中获取TypeError。

1 个答案: