how to $Index get from Javascript side

Question

how to Checked value from $index base. suppose in textboxStart Index and TextboxEnd . when user enter Start index 5 and End Index 10 , checkbox automatically checked, from 5 To 10 Index. please help me

<tr ng-repeat="item in MyList">
    <td>{{$index}}</td>
    <td>
        <label class="mdl-checkbox mdl-js-checkbox" for="checkbox33">
            <input autocomplete="off" ng-model="item.checked" 
                   type="checkbox" id="checkbox33"
                   class="mdl-checkbox__input" unchecked>
            {{CheckItems()}}
        </label>
    <td>{{item.Name}}</td>
    <td>{{item.PilgrimID}}</td>
    <td>{{item.GroupName}}</td>
    <td>{{item.PassportNo}}</td>                      
    <td>{{item.Gender}}</td>
    <td>{{item.SubAgentName}}</td>

georgeawg · Accepted Answer · 2018-10-10 14:48:57Z

1

Use the ng-change directive to specify an update function:

<div>Input Start
  <input ng-model="inputStart" ng-change="updateSelections(inputStart,inputEnd)" />
</div>
<div>Input End
  <input ng-model="inputEnd" ng-change="updateSelections(inputStart,inputEnd)" />
</div>

Then update the selections:

$scope.updateSelections = function(iStart, iEnd) {
    $scope.MyList.forEach((x,index)=>item.checked = (iStart<=index && index<=iEnd));
};

answered Oct 10, 2018 at 14:48

georgeawg

49k13 gold badges78 silver badges98 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Vamsi · Accepted Answer · 2018-10-10 03:06:10Z

0

just push the selected values in an array , selectedItemIndexes like ng-checked="selectedItemIndexes.includes($index)"

https://stackblitz.com/edit/angularjs-snavdn

answered Oct 10, 2018 at 3:06

Vamsi

9,8006 gold badges40 silver badges46 bronze badges

1 Comment

JOhns Over a year ago

i want to inputstart = 1 and inputEnd = 7 . then automatically 1 to 7 index values are checked

georgeawg · Accepted Answer · 2018-10-10 04:04:03Z

0

you can do it by adding one property like ItemIndex in your ItemList model, and by putting input box with display none you can get index value in ItemList and can do what you want from javascript side,

<td><input type="text" style="display:none;" ng-model="item.ItemIndex"
           ng-value="$index"/>{{$index}}
</td>

edited Oct 10, 2018 at 4:04

georgeawg

49k13 gold badges78 silver badges98 bronze badges

answered Oct 9, 2018 at 23:56

Hitesh Kansagara

3,6063 gold badges20 silver badges34 bronze badges

Collectives™ on Stack Overflow

how to $Index get from Javascript side

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related