如何将索引从指令获取到控制器

Question

如何从指令到控制器获取index值。我试过了，但我在指令上获取索引，但是当我将其传递给控制器时，我需要将其传递给控制器，我变得未定义。

请帮助我，提前谢谢。

指令 HTML

<li class="tag" ng-repeat="lists in list" ng-if="lists.userName">
  <span class="tag-label">{{lists.userName}}</span><span class="tag-cross pointer" ng-click="delete($index,'people', list);">x</span>
</li>

指令.js

.directive('search', function ($timeout) {
    return {
        restrict: 'AEC',
        scope: {
            items: '=',
            listitem: '=',
            prompt: '@',
            title: '@',
            subtitle: '@',
            model: '=',
            list: '=',
            onSelectupdate: '&',
            onDelete: '&',
            index: '='

        },
        link: function (scope, elem, attrs, index) {
            scope.handleSelection = function (selectedItem) {
                scope.model = selectedItem;
                console.warn(scope.model);
                console.warn(scope.items);
                console.warn(scope.model);
//                scope.searchModel = selectedItem.displayConfig[0].propertyValue;
                console.warn(scope.items);
                console.warn(scope.model);
                scope.current = 0;
                scope.selected = true;
                $timeout(function () {
                    scope.onSelectupdate();
                }, 200);
            };
            scope.delete = function (index) {
                alert('index'+index);
                var index= index;
                $timeout(function () {
                    scope.onDelete();
                }, 200);
            };
            scope.$watch("items", function (newData) {
                console.log("Items: ", newData);
            });
            scope.current = 0;
            scope.selected = true;
            scope.isCurrent = function (index) {
                return scope.current == index;
            };
            scope.setCurrent = function (index) {
                scope.current = index;
            };
        },
        templateUrl: TAPPLENT_CONFIG.HTML_ENDPOINT[0] + 'home/genericsearch.html'
    }
})

控制器.js

$scope.removeRecipient = function (index, type, data) {
        console.warn(type);
        alert("index"+index)
        if (type == 'orgs') {
            $scope.recipientsOrg.splice(index, 1);
            $scope.recipientsOrgIdArr.splice(index, 1);
        } else if (type == 'people') {
            $scope.recipientsPeople.splice(index, 1);
            $scope.recipientsPeopleIdArr.splice(index, 1);
        }
    }

.html

<search items="orgList" list="selectedOrgs" index="$index" listitem="list.displayConfig[0].propertyValue" model="_id" on-selectupdate="updateOrgs(_id,data.selectedOrg)" ng-keyup="getOrgs(data.selectedOrg, $event)" on-delete="removeOrg($index);" />

Answer 1

请检查你ng-repeat，似乎你颠倒了语法，应该是list in lists而不是lists in list：

<li class="tag" ng-repeat="list in lists" ng-if="lists.userName">