2016-07-22 10 views
1

ng-repeatを使用してMySQLからのレコードを表示する角度テーブルを使用しています。 最後の列はチェックボックスの列です。 問題は、ページ間を移動するとき(ページ区切り)、チェックボックスが永続的にロードされた状態です。 ページ間に状態を維持するにはどうすればいいですか(アイテムをチェック/チェック解除した場合)?溶液中の興味のある人のため角度チェックボックスがページナビゲーション間に状態を保存しない

$scope.processForm = function(checkedindata) { 
     $http.post('ajax/setItems.php', { data : checkedindata }) 
    }; 

答えて

1

:コントローラで

<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(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; 
      } 
     } 
    }; 
+0

でのproductIDものですここに? –

+0

コントローラに渡されるjsonオブジェクトの名前です。 これをPHPやその他のバックエンドで使用して、その値を抽出することができます。 – necross

関連する問題