Question

我正在尝试使用AngularUI Bootstrap模式创建可重复使用的确认对话框，其中“ok”/“cancel”按钮位于自定义window模板中。问题是，虽然我可以提供模态内容的范围，但它在window模板中不可用，所以当单击“确定”按钮时我无法真正调用自定义函数。

这是我目前的代码：

<a href="" fl-confirm-modal fl-confirm-modal-action="delete(training)" fl-confirm-modal-template="delete">Delete</a>

该指令具有一个独立的作用域，它具有confirm方法，该方法调用传递给指令（fl-confirm-modal-action）的动作并关闭模态。问题是调用confirm()在模态内容模板中工作正常，但在模态窗口中不起作用。

编辑：

以下是该指令的摘录：

.directive "flConfirmModal",
($modal) ->
  restrict: "A"
  scope:
    action: "&flConfirmModalAction"
    template:  "@flConfirmModalTemplate"

  link: ($scope, $element, $attrs) ->
    $scope.confirm = ->
      $scope.modalInstance.close()
      $scope.action()

    $element.on "click", ->
      $scope.modalInstance = $modal.open
        scope: $scope
        windowTemplateUrl: "window_confirm.html"
        templateUrl: template

在window_confirm.html模板中有一个ng-click="confirm()"按钮，该按钮应该调用confirm方法定义该指令，但其范围在那里不可用。

除了从布局移动“确定”/“取消”到每个内容模板之外，是否有一些解决方法？

如何在Angular UI Bootstrap模式中指定窗口的范围？

0 个答案: