NG Grouping

by Rob Rothe

HTML

<div ng-app="app" ng-controller="Controller as ctrl">
    <ul>
      <li ng-repeat="book in ctrl.books | filter:ctrl.bookFilter">{{book.Genre}}</li>
    </ul>
</div>

JavaScript

angular
	.module('app',[])
  .controller('Controller',Controller);
  
  function Controller() {
  	var vm = this;
   	vm.books = [{
        "Genre": "Sci-fic",
        "Name": "Bookname1"
    }, {
        "Genre": "Sci-fic",
        "Name": "Bookname2"
    }, {
        "Genre": "Non sci-fic",
        "Name": "Bookname3"
    }, {
        "Genre": "Non sci-fic",
        "Name": "Bookname4"
    }];
    
    vm.bookFilter = bookFilter;
    
    function bookFilter(book) {
    	var genre = book.Genre;
      
    	return (book.Genre != genre) ? 0 : 1;
    }
  }