一旦用户选择文件/文件夹,Box文件选择器就可以设置回调函数,如下所示：

var BoxSelect = new BoxSelect();
// Register a success callback handler
BoxSelect.success(function(response) {
    console.log(response);
});

我的控制器正在使用该指令,并且将成功的回调逻辑作为范围变量,我正在传递给该指令.

我创建了一个plunkr,我在嘲笑Box选择行为

调节器

.controller('myController',function($scope) {
  $scope.onSuccessful = function(message) {
    alert('Success! Message: ' + message);
  };
})

指示

angular.module('myApp',[])
  .controller('myController',function($scope) {
    $scope.onSuccessful = function(message) {
      //message is undefined here
      alert('Success! Message: ' + message);
    };
  })
  .directive('myDirective',function() {
    return {
      restrict: 'A',scope: {
        success: '&'
      },link: function(scope,element) {
 
        //third party allows to subscribe to success and failure functions
        function ThirdPartySelect() {
 
        }
 
        ThirdPartySelect.prototype.success = function(callback) {
          this.callback = callback;
 
        };
 
        ThirdPartySelect.prototype.fireSuccess = function() {
          this.callback({
            foo: 'bar'
          });
        };
 
        var myThirdPartyInstance = new ThirdPartySelect();
        myThirdPartyInstance.success(function(message) {
          //message is still defined here,but not in the controller
          scope.success(message);
        });
 
        element.on('click',function() {
          myThirdPartyInstance.fireSuccess();
        });
 
      }
    };
  });

视图

<div ng-controller="myController">
  <button my-directive success="onSuccessful(arg)">Test</button>
</div>

回调函数在控制器内调用,但是参数
未定义

我使用’=’而不是’&’来解决这个问题,但我想知道为什么它不能与’&’因为它应该用于method binding