如何从UI Bootstrap Modal访问父函数?

时间:2016-09-05 05:50:49

标签: angularjs angular-ui-bootstrap angular-ui-modal

我试图使用UI Bootstrap模式,而不是常规的Bootsrap模式。我在父控制器中有$ scope.DoIt = function(),但是当我尝试从模态中调用它时,没有任何反应。

我做错了什么?

如何访问父控制器中的函数?

以下是我打开模态的方法:

    applyConfirm: function() {

  if(self.showingExpenses !== true) {

    self.showingExpenses = true;
    var modalInstance = $modal.open({
      animation: true,
      templateUrl: 'applyConfirm.html',
      controller: function($scope, $modalInstance, expenses, jobsService, job) { //'ModalInstanceCtrl',

        angular.extend($scope, {
          expenses: expenses,
          job: job
        });

        $scope.close = function() {
          //self.showingExpenses = false;
          $modalInstance.close();
        };
      }
}

1 个答案:

答案 0 :(得分:0)

您可以使用传递到scope的{​​{1}}配置为模态设置父范围,例如

$uibModal.open

角度范围继承应该使$uibModal.open({ scope: $scope // other properties, etc }) 方法可用

Dolt