twitter-bootstrap - 如何从 Angular Bootstrap 模态调用函数（使用 angular-strap）？

Question

我正在使用 Angular JS（带有Angular Strap），并且正在尝试使保存确认对话框正常工作。

我有一个clear看起来像这样的函数：

$scope.clear = function(confirm) {
  if ($scope.dirty && !confirm) {
    $modal({template: '/save.html', show: true, backdrop: 'static'});
    return;
  } 

  // clear the data
}

然后，我的模态对话框中有以下按钮：

<button type="button" class="btn" ng-click="clear(true);hide()">Discard Changes</button>
<button class="btn btn-primary" ng-click="hide()">Cancel</button>

无论我单击哪个按钮，这都会很好地显示对话框并隐藏它。但它从不调用该clear函数。这是怎么回事？

Answer 1

您需要在 $modal中发送范围（ $scope ）

$modal({ 
 template: '/save.html', 
 show: true, 
 backdrop: 'static',
 scope: $scope
});

现在您可以使用$parent.clear()或clear()因为范围已发送到模态。