AngularJS CRUD Grid v6: Now with Filtering and Async Controllers

2013-10-23

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/jongio/AngularJS-WebApi-EF/

NG-MODEL TEXT BOX:

<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:

<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.

TechTutorials