Угловой флажок не сохраняет свое состояние между страницами навигации
Я использую Angular Table, которая отображает записи из MySQL, используя ng-repeat. Последний столбец является столбцом флажка. Проблема в том, что при переходе между страницами (разбиение на страницы) состояние, чей флажок был загружен с постоянным. Как мне сохранить состояние между страницами (если я отмечал / не отмечал пункт)?
<tr ng-repeat="data in filtered = (list | filter:search |
filter:{manufacturer:by_manufac} |
filter:{errorStatus:by_errorStatus} |
orderBy : predicate :reverse) |
startFrom:(currentPage-1)*entryLimit | limitTo:entryLimit">
<td>
<input type="checkbox" name="checkedin" ng-model='checkedin'
ng-change='processForm(data)' ng-checked="data.Locked==1"/>
</td>
</tr>
В контроллере:
$scope.processForm = function(checkedindata) {
$http.post('ajax/setItems.php', { data : checkedindata })
};
1 ответ
Для тех, кто заинтересован в решении: в контроллере просто обновите значение $scope как таковое:
$scope.processForm = function(post_data) {
for(i=0; i<$scope.filtered.length; i++) {
if($scope.filtered[i]['productID'] == post_data['productID']){
$http.post('ajax/setItems.php', { id : post_data['productID'], operation: !post_data['Locked'] })
$scope.filtered[i]['Locked'] = !$scope.filtered[i]['Locked'];
i=$scope.filtered.length;
}
}
};