javascript - 是否可以将函数传递给动态模态？

Question

我有一个带有动态标题和消息的模态，我还想在测试时为其提供动态功能；该函数在模态显示之前被触发，有没有办法不触发该函数，而是将其放入作用域 var 中，以便可以在可重用模态中使用？

动态模态:

<div class="modal fade" id="confirmationModal-reusable" tabindex="-1" role="dialog" aria-labelledby="confirmationTitle2">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="confirmationTitle2">{{reusableTitle}}</h4>
      </div>
      <div class="modal-body">
        <p>{{reusableMessage}}</p>
      </div>
      <div class="modal-footer bootstrap-iso">
        <button type="button" ng-click="{{reusableFunction}}" class="btn btn-danger" data-dismiss="modal">Yes</button>
        <button type="button" class="btn btn-success" data-dismiss="modal">No</button>
      </div>
    </div>
  </div>
</div>

JavaScript:

$scope.Refresh = function(){
    //prompt for refresh, all unsaved items will be lost.
    $scope.reusableTitle = "Are you sure?";
    $scope.reusableMessage = "Are you sure you want to abandon changes and refresh from server?";
    $scope.reusableFunction = $scope.init();//how can I pass this function to the ng-click on my reusable modal?
    $("#confirmationModal-reusable").modal('show');
};

$scope.init = function() {
    //gets json from server...
};

Answer 1

你可以这样:

<button ng-click="reusableFunction('init')">Click this button</button>

然后在 Controller 中执行如下操作:

$scope.reusableFunction = function (functionName){
    if(angular.isFunction($scope[functionName])){
       $scope[functionName]();
    }
}

$scope.init = function(){
    //do your stuff
}

这里是有关 isFunction 调用 https://docs.angularjs.org/api/ng/function/angular.isFunction 的更多信息