Получить индекс элемента щелчка

Question

Я пытаюсь получить индекс щелкнутого элемента, но я продолжаю получать -1 в консоли. Я использую Array.prototype получить indexOf от nodelist

HTML:

<div ng-app='app' ng-controller='mainCtrl'> 
    <div app-click=""> 
    <div ng-repeat="json in myJson"> 
     <li>{{json}}</li> 
    </div> 
    </div> 
</div> 

JS:

.directive('appClick', function() { 
    return { 
    restrict: 'A', 
    scope: true, 
    controller: function($scope, $element) { 
     $element.bind("click",function(e){ 
      var index = Array.prototype.indexOf.call($element.children(), e.target); 
      console.log(index); 
     }); 
    } 
    } 
}); 

JSFiddle Demo

Answer 1

Другой вариант заключается в задании индексной

<div ng-app='app' ng-controller='mainCtrl'> 
    <div app-click=""> 
    <div ng-repeat="json in myJson"> 
     <li data-index="{{$index}}">{{json}}</li> 
    </div> 
    </div> 
</div> 

и прочитать его в щелчку

e.target.dataset.index 

Answer 2

e.target возвращение литий элемент, $ element.children () возвращение div Список не li
попробовать этот код:

var index = Array.prototype.indexOf.call($element.find("li"), e.target); 

angular.module('app', []).controller('mainCtrl', function($scope) { 
 
    $scope.myJson = ["mayank1", "mayank2", "mayank3", "mayank4", "mayank5", "mayank6", "mayank7", "mayank8", "mayank9"] 
 
}) 
 

 
.directive('appClick', function() { 
 
    return { 
 
    restrict: 'A', 
 
    scope: true, 
 
    controller: function($scope, $element) { 
 
     $element.bind("click",function(e){ 
 
     \t \t var index = Array.prototype.indexOf.call($element.find("li"), e.target); 
 
      console.log(index); 
 
     }); 
 
    } 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.20/angular.min.js"></script> 
 
<div ng-app='app' ng-controller='mainCtrl'> 
 
    <div app-click=""> 
 
    <div ng-repeat="json in myJson"> 
 
     <li>{{json}}</li> 
 
    </div> 
 
    </div> 
 
</div>

Answer 3

Вы можете уточнить, что вы пытаетесь сделать? Почти наверняка есть лучший способ добиться этого, видя, как вы его разработали.