2013年12月24日 星期二

AngularJS ng-checked

用來做全選/全不選很方便

html 部分
  1. <div ng-controller="checkCtrl">  
  2.        Select/Unslect all: <input type="checkbox" ng-model="master">  
  3.  <br/>  
  4.  <p ng-repeat="user in userList">  
  5.    <input type="checkbox" ng-checked="master">  
  6.    {{user.name}}   
  7.  </p>  
  8. lt;/div>  

用 ng-model="master" 來控制 ng-checked 的 true/false。

controller 只有放陣列而已
  1. $scope.userList=[{   
  2.     name:"Jack"  
  3.   },   
  4.   {   
  5.     name:"Jason"  
  6.   },   
  7.   {   
  8.     name:"John"  
  9.   },   
  10.   {   
  11.     name:"Joy"  
  12.   }];  

反應:

0 意見:

Related Posts Plugin for WordPress, Blogger...