AngularJS CRUD Grid v6: Now with Filtering and Async Controllers

I just added filtering to the AngularJS CRUD Grid. AngularJS makes filtering VERY easy. All I had to do was add a text box with ng-model and then use the “filter” filter in your ng-repeat

CODE: https://github.com/jonbgallant/AngularJS-WebApi-EF/

DEMO: http://angularjs-webapi-crud-grid.azurewebsites.net/

NG-MODEL TEXT BOX:

1
2
3
4
<div class="input-group col-md-4 row">
<span class="input-group-addon"><i class="glyphicon glyphicon-filter"></i></span>
<input type="text" class="form-control" ng-model="filter">
</div>

“FILTER” FILTER IN NG-REPEAT:

1
<tr ng-repeat="object in objects | orderBy:orderBy.field:!orderBy.asc | filter: filter">

I also upgraded to the RTM builds of WebAPI and MVC and changed the controllers to Async controllers.

Share