How would I use this inside ng-repeat?

[Fossil01]

When used inside ng-repeat (adding multiple users to a form) clicking on the calender icon the datepicker opens for each user.

[Gillardo]

Cos you are using the same value for IsOpen.... You need to use a different variable for each one

[Fossil01]

How? I tried the following:

<input type="text" class="form-control"  datetime-picker="dd-MM-yyyy" ng-model="visitor.birthdate" is-open="picker[[$index]].open" enable-time="false"
 save-as="true" datepicker-options="picker[[$index]].datepickerOptions" close-on-date-selection="false" datepicker-append-to-body="false" />
<span class="input-group-btn">
    <button type="button" class="btn btn-default" ng-click="openCalendar($event, 'picker' + $index)"><i class="fa fa-calendar"></i></button>
</span>

    $scope.picker0 = {};

    $scope.openCalendar = function(e, picker) {
      console.log(picker);
      console.log($scope[picker]);
        $scope[picker].open = true;
    };

Two problems:
The picker won't open now.
I need to manually create a $scope.picker0 $scope.picker1 etc. for each possible repeat.

How can we create something more scalable? It does work when I remove [[$index]] from is-open and datepicker-options and just hardcore it as picker0 for this example.

[Gillardo]

Why have you wrote picker[[$index]].datepickerOptions?? Shouldnt that bepicker[$index].datepickerOptions` ? (without the double [[ ]]). Just dont set the is-open property and it will use a local variable from inside the datepicker control....

[Gillardo]

Also, are all your datepickers different?? If not, pass in the same object for each one... If they are, then you need to pass in a different object for each different one

[Fossil01]

No they are the same for this page.

picker[$index].datepickerOptions and picker[$index].isopen does not work either. The index is 0 in this case. When I write picker0.isopen and picker0.datepickerOptions it does work but that's not scalable.

[Gillardo]

can you create a simple plunkr to replicate and i will have a look

[Fossil01]

https://plnkr.co/edit/Yy6nfdh4UnyOQI3BNNJJ?p=preview

[Gillardo]

https://plnkr.co/edit/kN9prl69GvCalQdgxJza?p=preview

[Fossil01]

Hah that works perfectly in the plnkr. Cheers!