单元测试 Karma Jasmine SyntaxError：“&”Angular Directive 绑定上的解析错误

I get SyntaxError: Parse error在我的指令行中，我想使用父指令方法中的“&”单向绑定

myApp.directive('datasourceDeleteBtn', [function() {
return {
    restrict: 'E',
    replace: true,
    template: '<a href="#">&#x2715</a>',
    scope: {
        datasourceIndex: '@',
        removeParentDiv: '&'
    },
    link: link
};

function link(scope, element, attr) {

    element.bind('click', function(event) {
        event.preventDefault();
        scope.deleteDatasource(scope.datasourceIndex);
    });

    // Notify parent directive
    scope.deleteDatasource = function(datasource_index) {
        // conditional stuff that happens not included
        // {} required for passing values to "&" parent scope method
        scope.removeParentDiv({datasource_index});
    };
}
}]);

HTML

 <parent-div ng-repeat> // this is just a mockup not literal
 <datasource-delete-btn datasource-index="{{$index}}" remove-parent-div="removeParentDiv()"></datasource-delete-btn>
 </parent-div>

传递removeParentDiv的ng-repeat的父div

    // parentDiv directive has this
    scope.datasources = [];
    scope.removeDatasourcePicker = function(index) {
        scope.datasources.splice(index, 1);  // ie take it out
    };

看来问题是 Jasmine 不喜欢 { }。删除括号会导致测试通过（由于 & 需要 {}，因此会出现典型错误）。

您收到错误是因为您以错误的格式传递 json 方法

您尚未调用在指令范围内传递的方法removeParentDiv: '&'根据指令正确。正如你所做的那样scope.removeParentDiv({datasource_index});这不会将索引参数传递给该方法。

为了使其正常工作，您需要进行一些更改。

1. 指令元素方法应该是

   remove-parent-div="removeParentDiv(index)"
   

2. 并且在从指令调用它时，通过具有 json 结构，其中index只是参数和datasource_index是它的价值。

   scope.removeParentDiv({index: datasource_index});
   

3. 调用后运行摘要循环scope.deleteDatasource(scope.datasourceIndex);方法来自click事件以便它会更新scope捆绑。

   element.bind('click', function(event) {
       event.preventDefault();
       scope.deleteDatasource(scope.datasourceIndex);
       scope.$apply(); //to run digest cycle, to keep binding in sync
   });