как $ Index получить со стороны Javascript - PullRequest
0 голосов
/ 10 октября 2018

как проверить значение из $ index base.положим в textboxStart Index и TextboxEnd.когда пользователь вводит Начальный индекс 5 и Конечный индекс 10, автоматически устанавливается флажок от 5 до 10 Индекс.Пожалуйста, помогите мне

<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>  

enter image description here

Ответы [ 3 ]

0 голосов
/ 10 октября 2018

просто нажмите выбранные значения в массиве, selectedItemIndexes как ng-checked="selectedItemIndexes.includes($index)"

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

0 голосов
/ 10 октября 2018

Используйте директиву ng-change, чтобы указать функцию обновления:

<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>

Затем обновите параметры:

$scope.updateSelections = function(iStart, iEnd) {
    $scope.MyList.forEach((x,index)=>item.checked = (iStart<=index && index<=iEnd));
};
0 голосов
/ 10 октября 2018

вы можете сделать это, добавив одно свойство, такое как ItemIndex, в вашу модель ItemList, и поместив поле ввода с отображением none, вы можете получить значение индекса в ItemList и можете делать то, что вы хотите со стороны javascript,

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