lundi 6 mars 2017

Angular Based Filter system using for individual data using multiple checkbox

var app = angular.module('test',[]);

app.controller('testController',function($scope){
  $scope.users = [
    { 'name':'person1', 'sales': true, 'customer': false, 'vip': true },
    { 'name':'person2', 'sales': false, 'customer': true, 'vip': false },
    { 'name':'person3', 'sales': false, 'customer': true, 'vip': true },
    { 'name':'person4', 'sales': false, 'customer': false, 'vip': true },
    { 'name':'person5', 'sales': true, 'customer': true, 'vip': false },
    { 'name':'person6', 'sales': true, 'customer': false, 'vip': true },
  
  ];

});
<!DOCTYPE html>
<html lang="en">
<head>
        <meta charset="UTF-8">
        <title></title>
  <script src="http://ift.tt/2n54Zzj"></script>
</head>
<body>
        <div ng-app='test' ng-controller="testController">
    <h3>Groups</h3>
    <input type='checkbox' ng-model="customer">Customer
    <input type='checkbox' ng-model="sales">Sales
    <input type='checkbox' ng-model="vip">VIP
    <br>
    <input type='text' ng-model="searchTerm">
    <div>
      <ul>
        <li ng-repeat="user in users | filter:searchTerm"">
          
        </li>
      </ul>
    </div>
  </div>
</body>
</html>

Here is the Code i need to filter by the groups...By checking the checkbox i need to filter the exact value of the dataset...if i click multiple checkbox i need to filter the multiple data which has the value...

same time if i didn't checked any checkbox need to show the all data...

Please anyone help....

Aucun commentaire:

Enregistrer un commentaire