ng-repeat中的Angular Directive获取当前单击的项目$ scope

Question

I have created a directive with a date picker inside of it called calendar. The actual date picker javascript has been created in JQuery and for me to be able to set the ng-model I have found the following code which works:

var clickedID = "#" + $scope.indexid + "_datePicker";
$(clickedID).trigger('input');

The problem is $scope.indexid is always showing as the last value in the array of calendar directives.

To clarify for example the directive shows my variables as the following:

[
  { indexid: 1},
  { indexid: 2},
  { indexid: 3}
]

When any the calendar is clicked on in the page $scope.indexid will always return 3 (the last item in the array). How would I fix this problem?

It is a very difficult problem to explain. If you would like any more information please let me know. I will try to add as much as requested.

EDIT more code:

//Index Page

<div ng-repeat="item in items">

 <calendar indexid="{{$index}}"></calendar>

</div>


//In the Directive
scope: {
  ngModel: "=",
  indexid: "@"
}

//In Directive Controller
console.log($scope.indexid);   

//In the directive template
<input type="text" ng-model="testModel" id="{{::indexid}}"/>

Answer 1

When you loop over the array that you need to pass in each object by reference to be able to set values on it. You do this like this:

<div ng-repeat="item in items">
  <calendar item="item"></calendar>
</div>

item will hold the current element in the array, so your index has to be called off of that.

In your directive, you can set it up like this:

scope: {
  item: "=" // reference to 'item' from the parent scope ... your loop
},
template: '<input type="text" ng-model="testModel" id="{{::item.indexid}}"/>',
link: function ($scope) {
  console.log($scope.item.indexid);

  console.log($scope.testModel); // this is the value of the input
}

This pattern should give you better access to each array item. By passing it in by reference you can write back to it; changes made to item inside the directive will be seen in the items array on the outer scope.