From 985c167ff48549952056e97e4f8ef6fa4d687ad4 Mon Sep 17 00:00:00 2001
From: zainengineer <zainengineer@gmail.com>
Date: Sat, 28 Nov 2015 19:43:58 +1030
Subject: [PATCH] docs(orderBy): updated controller example

Updated example which manually injects the filter.
It matches sibling example in functionality.
---
 src/ng/filter/orderBy.js | 29 +++++++++++++++++++++++------
 1 file changed, 23 insertions(+), 6 deletions(-)

diff --git a/src/ng/filter/orderBy.js b/src/ng/filter/orderBy.js
index 31406ae97c36..b37cadd594d2 100644
--- a/src/ng/filter/orderBy.js
+++ b/src/ng/filter/orderBy.js
@@ -138,13 +138,26 @@
  * @example
   <example module="orderByExample">
     <file name="index.html">
+      <style type="text/css">
+        .active.sort-link:after {
+            content: '\25b2';
+        }
+        .reverse .active.sort-link:after {
+            content: '\25bc';
+        }
+    </style>
       <div ng-controller="ExampleController">
         <table class="friend">
           <tr>
-            <th><a href="" ng-click="reverse=false;order('name', false)">Name</a>
-              (<a href="" ng-click="order('-name',false)">^</a>)</th>
-            <th><a href="" ng-click="reverse=!reverse;order('phone', reverse)">Phone Number</a></th>
-            <th><a href="" ng-click="reverse=!reverse;order('age',reverse)">Age</a></th>
+            <th >
+                <a data-ng-class="['sort-link',{'active': predicate=='name'}]"  href="" ng-click="order('name')">Name</a>
+            </th>
+            <th>
+                <a data-ng-class="['sort-link',{'active': predicate=='phone'}]" href="" ng-click="order('phone')">Phone Number</a>
+            </th>
+            <th>
+                <a href="" data-ng-class="['sort-link',{'active': predicate=='age'}]" ng-click="order('age')">Age</a>
+            </th>
           </tr>
           <tr ng-repeat="friend in friends">
             <td>{{friend.name}}</td>
@@ -166,8 +179,12 @@
             { name: 'Adam',    phone: '555-5678',    age: 35 },
             { name: 'Julie',   phone: '555-8765',    age: 29 }
           ];
-          $scope.order = function(predicate, reverse) {
-            $scope.friends = orderBy($scope.friends, predicate, reverse);
+          $scope.predicate = 'name';
+          $scope.reverse = true;
+          $scope.order = function(predicate) {
+            $scope.predicate = predicate;
+            $scope.reverse = ($scope.predicate === predicate) ? !$scope.reverse : false;
+            $scope.friends = orderBy($scope.friends, predicate, $scope.reverse);
           };
           $scope.order('-age',false);
         }]);