2015-01-21 32 views
0

我使用複選框保持複選框勾選或者基於某種價值

<input type="checkbox" value="{{areaFilter.area_name | lowercase}}" ng-checked="true" /> 

我想保持複選框已經選中或取消選中,而頁面加載依賴於某個值(selectedArea): 像

if(selectedArea.indexOf(areaFilter.area_name) > -1) 

然後

ng-clicked="true" 

其他

ng-clicked="false" 

如何在HTML頁面中執行此操作。

請指導。

+0

請創建小提琴或plunker。 – squiroid 2015-01-21 07:47:11

回答

0

它可能會幫助你!

<!DOCTYPE html> 
<html ng-app="plunker"> 

<head> 
    <meta charset="utf-8" /> 
    <script data-require="[email protected]" src="https://code.angularjs.org/1.3.10/angular.js" data-semver="1.3.10"></script> 
    <script> 
    var app = angular.module('plunker', []); 

    app.controller('MainCtrl', function($scope) { 
     $scope.checked = true; 
     $scope.unchecke = function(checked){ 
     if(checked){ 
      $scope.checked = false; 
     }else{ 
      $scope.checked = true; 
     } 
     }; 
    }); 
    </script> 

</head> 

<body ng-controller="MainCtrl"> 
    <input type="checkbox" ng-model="checked | lowercase" ng-click="unchecke(checked)" id="ids" name="ids"> 
</body> 
</html>