angularjs - reapply filter when scope changes -


i have applied custom filter check checkboxes belonging group have been checked.

the filter hides groups of checkboxes none of them have been checked.

what need is, reapply filter when box checked or unchecked. .so when checkboxes belonging group unchecked, rest of groups show up.how go it?

<ul ng-repeat="(key,value) in filtered=(properties  | filter:filterbycategory| groupby: 'name') ">    <li>group name: <strong>{{ key }}</strong></li>            <div  ng-repeat="prop in value">             <label>                         <input type="checkbox" ng-model="filter[key][$index]" ng-change="changed"/>                         <span>{{prop.property}}</span>             </label>           </div>  </ul> 

i guess need this: mentioned here ng-change.

plunkr:

code here

try:

i tried changing this:

<input type="checkbox" ng-model="filter[key][$index]" ng-change="firefilter(key)"> 

and

$scope.firefilter = function(prop){     console.log("prop when called" + prop);     $filter('filterbycategory')(prop);     $scope.filter=[]; } }); 

but gives me error says:

error: [$injector:unpr] http://errors.angularjs.org/1.2.22/$injector/unpr?p0=filterbycategoryfilterprovider%20%3c-%20filterbycategoryfilter     @ error (native)     @ https://ajax.googleapis.com/ajax/libs/angularjs/1.2.22/angular.min.js:6:450     @ https://ajax.googleapis.com/ajax/libs/angularjs/1.2.22/angular.min.js:36:145     @ object.c [as get] (https://ajax.googleapis.com/ajax/libs/angularjs/1.2.22/angular.min.js:34:236)     @ https://ajax.googleapis.com/ajax/libs/angularjs/1.2.22/angular.min.js:36:213     @ object.c [as get] (https://ajax.googleapis.com/ajax/libs/angularjs/1.2.22/angular.min.js:34:236)     @ $get (https://ajax.googleapis.com/ajax/libs/angularjs/1.2.22/angular.min.js:124:238)     @ k.$scope.firefilter (file:///c:/users/dev4/desktop/grouping/js/scipt.js:40:2)     @ db.functioncall (https://ajax.googleapis.com/ajax/libs/angularjs/1.2.22/angular.min.js:176:387)     @ k.$get.k.$eval (https://ajax.googleapis.com/ajax/libs/angularjs/1.2.22/angular.min.js:112:15) 


Comments

Popular posts from this blog

user interface - how to replace an ongoing process of image capture from another process call over the same ImageLabel in python's GUI TKinter -

javascript - Restarting Supervisor and effect on FlaskSocketIO -

c# - Breakout Brick Collision -