如何从 UI Bootstrap 模态访问父函数？

Question

我正在尝试使用 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();
        };
      }
}

Answer 1

您可以使用传递给 $uibModal.open 的 scope 配置设置模态框的父范围，例如

$uibModal.open({
    scope: $scope
    // other properties, etc
})

Angular 范围继承应该使 Dolt 方法可用

controller: function($scope, $uibModalInstance /*, etc */) {
    $scope.Dolt(); // this will call the parent scope method

如何从 UI Bootstrap 模态访问父函数？

How do you access a parent function from UI Bootstrap Modal?

angularjs

angular-ui-bootstrap

angular-ui-modal