AngularJS指令元素方法绑定-TypeError：无法使用“ in”运算符在1中搜索“ functionName”

Question

这是主模板的控制器：

app.controller('OverviewCtrl', ['$scope', '$location', '$routeParams', 'websiteService', 'helperService', function($scope, $location, $routeParams, websiteService, helperService) {
    ...     
    $scope.editWebsite = function(id) {
        $location.path('/websites/edit/' + id);
    };
}]);

这是指令：

app.directive('wdaWebsitesOverview', function() {
    return {
        restrict: 'E',
        scope: {
            heading: '=',
            websites: '=',
            editWebsite: '&'
        },
        templateUrl: 'views/websites-overview.html'
    }
});

这是在主模板中应用指令的方式：

<wda-websites-overview heading="'All websites'" websites="websites" edit-website="editWebsite(id)"></wda-websites-overview>

这是从指令模板（website-overview.html）调用的方法：

<td data-ng-click="editWebsite(website.id)">EDIT</td>

问题：单击“编辑”时，此错误出现在控制台中：

TypeError：无法使用“ in”运算符在1中搜索“ editWebsite”

有人知道这里发生了什么吗？

Answer 1

由于您定义了表达式绑定（&），因此id如果要在HTML中将其绑定为，则需要使用JSON显式调用它edit- website="editWebsite(id)"。

确实，Angular需要了解idHTML中的内容，并且由于它不属于您的范围，因此您需要通过以下操作在调用中添加所谓的“ locals”：

data-ng-click="editWebsite({id: website.id})"

或作为替代：

data-ng-click="onClick(website.id)"

使用控制器/链接代码：

$scope.onClick = function(id) {
  // Ad "id" to the locals of "editWebsite" 
  $scope.editWebsite({id: id});
}

这是这里记录的，寻找涉及的例子 "close({message: 'closing for now'})"

https://docs.angularjs.org/guide/directive