Question

我使用Bootstrap的$ uibModal在我的网络应用程序中制作表单。一切正常，但我无法在显示对话后关闭对话框。

我花了两天的时间试图不在这里发布这么简单的问题，特别是当我收到同样错误的答案很多时，即

＆＃34; 未知提供商：$ uibModalInstanceProvider＆lt; - $ uibModalInstance＆lt; - ModalInstanceCtrl ＆＃34;

为了在使用大量应用程序时轻松操作，我将代码分成了单独的文件，我也使用＆＃39; controller作为＆＃39; htmls中的样式，因此，代码中没有$ scope。

无论我做什么，我都会收到我之前提到过的错误。我需要的是在用户成功登录后关闭对话框。

的index.html：

...
    <script src="rf/angular.min.js"></script>
    <script src="rf/angular-animate.js"></script>
    <script src="rf/angular-touch.js"></script>
    <script src="rf/ui-bootstrap-tpls.js"></script>

    <!-- Project files -->
    <script src="application.js" type="text/javascript"></script> 
    <script src="frmLogin.js"></script>
</head>
<body>
    <!-- Load things into this division -->
    <div ng-include src="loaderCtrl.cFragment" ng-app="dgis" ng-controller="applicationController as loaderCtrl"></div>
</body>

的application.js

var myApp = angular
  .module('dgis', ['ui.bootstrap'])
  .controller("applicationController", ['$http', '_gl', '$uibModal', function ($http, _gl, $uibModal) {
      _gl.AppReference = this;

      // Enable animations
      this.animationsEnabled = true;

      // Declare modal window
      this.showFrmLogin = function (size) {
         var modalInstance = $uibModal.open({
              animation: this.animationsEnabled,
              templateUrl: 'frmLogin.html',
              controller: 'ModalInstanceCtrl',
              size: size,
              backdrop: 'static',
              keyboard: false,
              resolve: {
                  items: function () {
                      return this.items;
                  }
              }
          });
      };

      this.showFrmLogin();

frmLogin.js

myApp.controller('ModalInstanceCtrl', ['_gl', '$uibModalInstance', function (_gl, $uibModalInstance) {

    this.login = function () {        
        angular.forEach(some_array, function (element) {
            if (something == element)                   
               // This code executes successfully and shows the page
               _gl.AppReference.cFragment = "frmMain.html";
               // This line does not close the dialog
               $uibModalInstance.close('a');
            }
        });
    }
}]);

_gl - 是一种用于保存全局变量的服务

Answer 1

使用$ rootScope

初始化模态时使用$ rootScope.modalInstance

您可以从应用程序的任何位置访问它。希望这有帮助

删除$ uibModalInstance引用
而不是“var modalInstance = $ uibModal.open（{”

使用“$ rootScope.modalInstance = $ uibModal.open（{
而不是$ uibModalInstance.close（'a'）;“

使用“$ rootScope.modalInstance.close（'a'）;”

从内部解雇$ uibModal

1 个答案: