jquery - Angular 模态未关闭($uibModal)

标签 jquery angularjs modal-dialog bootstrap-modal ui.bootstrap

angular
.module('angProj')
.controller('UserCtrl',
    ['$scope', '$uibModal',
        function ($scope, $uibModal) {

            $scope.results = function (content, completed) {
                var modalInstance = $uibModal.open({
                        backdrop: 'static',
                        keyboard: false,
                        animation: $scope.animationsEnabled,
                        templateUrl: '/Scripts/angularApp/views/user-modal.html',
                        controller: 'UserModalCtrl',
                        resolve: {
                            items: function () {
                                return $scope.items;
                            }
                        }
                    });

                if (!completed || content.length === 0) {
                    return;
                }

        modalInstance.close();
        modalInstance.dismiss('cancel');

我无法在用户添加完成时关闭模型。在用户模式上,我显示进度条。代码运行良好,没有错误,但模式保持打开状态。我也尝试了 $uibModalInstance 但 Controller 抛出错误:未知提供者(无法在同一个 UserCtrl 上注入(inject) $uibModalInstance) 我正在注入(inject) ui.bootstrap (ui-bootstrap-tpls-1.1.2.js)

感谢您的宝贵时间。

最佳答案

UserModalCtrl Controller 中使用 modalInstance.close()

app.controller('UserModalCtrl', ['$scope', '$modalInstance' function($scope ,modalInstance {
  $scope.close = function () {
   modalInstance.close();
  };
}]);

关于jquery - Angular 模态未关闭($uibModal),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35177305/

相关文章:

javascript - 通过 jquery post 函数(Web API)将对象从 javascript 传递到 Controller

javascript - 延迟循环 1 秒

javascript - 如何测试 flexbox div 是否设置为 `display:block` ?

angularjs - Angular Ng1/Ng2 混合应用程序抛出 'No provider for $scope' 异常

javascript - 按顺序返回 promise

javascript - 加载完成时模态关闭

javascript - 如何使字符串不可附加?

javascript - 物化模式关闭时如何清除输入字段?

modal-dialog - UIkit 上其他模态中的模态

javascript - 模态框+复选框+cookie