laravel4cookbook

E-Commerce 260
.
This was extracted from app/views/index.blade.php.
We’ve added three new concepts here:
1. We’re filtering the ng-repeat directive with a call to products.filterByCategory(). We’ll
create this in a moment, but it’s important to understand that filter allows functions to define
how the items being looped are filtered.
2. We’ve added ng-click directives. These directives allow the execution of logic when the
element is clicked. We’re targeting another method we’re about to create; which will set the
current category filter.
3. We’ve added ng-class directives. These will set the defined class based on controller/scope
logic. If the set category filter matches that which the button is being created from; the active
class will be applied to the button.
These directives, in isolation, will only cause errors. We need to add the JavaScript logic to back
them up:
1 app.controller("products", function(
2 $scope,
3 CategoryService,
4 ProductService
5 ) {
6
7 var self = this;
8
9 // ...
10
11 this.category = null;
12
13 this.filterByCategory = function(product) {
14
15 if (self.category !== null) {
16 return product.category.id === self.category.id;
17 }
18
19 return true;
20
21 };
22