angularjs - $uibModalInstance 未定义(AngularJS UI.Bootstrap)

标签 angularjs modal-dialog angular-ui-bootstrap

为什么这里无法注入(inject)$uibModalInstance?

http://plnkr.co/edit/mi9Ytv0HaqE47ENod4Gn?p=preview

baseController.$inject = ['$uibModal', '$uibModalInstance'];

function baseController($uibModal, $uibModalInstance) {

self.ok = function () {
$uibModalInstance.close(self.selected.item);
};

self.cancel = function () {
$uibModalInstance.dismiss('cancel');
};

我正在尝试访问 $uibModalInstance,如果我尝试注入(inject)它,我会收到注入(inject)错误。

如果我不注入(inject)它,那么它是未定义的......

最佳答案

所以这里有很多很棒的陈述,但没有一个能完全解决这个问题。

amg-argh 让我的 plkr 以我设置注入(inject)的方式工作

http://plnkr.co/edit/GXXmUosUEnEO3Tk0gUyp?p=preview

最大的魔力来自这里的编辑......

var childController = function ($scope, $uibModalInstance) {
        $scope.ok = function () {
            $uibModalInstance.close({ my: 'data' });
        }
        $scope.cancel = function () {                
            $uibModalInstance.dismiss();
        }
    }

    self.open = function (size) {

        var modalInstance = $uibModal.open({
            animation: self.animationsEnabled,
            templateUrl: 'help.html',
            controller: childController,
            size: size
        });
    };

+++++++++++++++++++++++++++++++++

我还想说明一下,这应该稍后作为服务完成,就像 一样。 icfantv 已经指出。但我需要弄清楚返回和使用模态 promise 的语法......

谢谢你们每一个人的帮助!!

干杯!

关于angularjs - $uibModalInstance 未定义(AngularJS UI.Bootstrap),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33765512/

相关文章:

javascript - CSS - IE 上的简单模态、自动高度?

ruby-on-rails - 带有 ruby​​ on rails 的 twitter Bootstrap 模式

html - 在 AngularJS 中以网格形式获取图像

angularjs - Excel 下载在 MEAN stack 应用程序中不起作用

angularjs - Angular ng-init : 'injecting data via server side scripting'

python - 派生自 wx.Dialog 的通用 MessageBox

javascript - 在同一 Angular.js 应用程序中使用 'ui.bootstrap' 和 '720kb.datepicker' 模块时出错

angularjs - 如何在单独的文件中分离 ng-template

javascript - Angular.js : How to update data from one HTML to other HTML which uses same controller

angularjs - 在 AppEngine 的根路径上处理 _escaped_fragment_