|
28 | 28 | * @returns {Array} Sorted copy of the source array.
|
29 | 29 | *
|
30 | 30 | * @example
|
31 |
| - <example> |
| 31 | + <example module="orderByExample"> |
32 | 32 | <file name="index.html">
|
33 | 33 | <script>
|
34 |
| - function Ctrl($scope) { |
35 |
| - $scope.friends = |
36 |
| - [{name:'John', phone:'555-1212', age:10}, |
37 |
| - {name:'Mary', phone:'555-9876', age:19}, |
38 |
| - {name:'Mike', phone:'555-4321', age:21}, |
39 |
| - {name:'Adam', phone:'555-5678', age:35}, |
40 |
| - {name:'Julie', phone:'555-8765', age:29}] |
41 |
| - $scope.predicate = '-age'; |
42 |
| - } |
| 34 | + angular.module('orderByExample', []) |
| 35 | + .controller('ExampleController', ['$scope', function($scope) { |
| 36 | + $scope.friends = |
| 37 | + [{name:'John', phone:'555-1212', age:10}, |
| 38 | + {name:'Mary', phone:'555-9876', age:19}, |
| 39 | + {name:'Mike', phone:'555-4321', age:21}, |
| 40 | + {name:'Adam', phone:'555-5678', age:35}, |
| 41 | + {name:'Julie', phone:'555-8765', age:29}]; |
| 42 | + $scope.predicate = '-age'; |
| 43 | + }]); |
43 | 44 | </script>
|
44 |
| - <div ng-controller="Ctrl"> |
| 45 | + <div ng-controller="ExampleController"> |
45 | 46 | <pre>Sorting predicate = {{predicate}}; reverse = {{reverse}}</pre>
|
46 | 47 | <hr/>
|
47 | 48 | [ <a href="" ng-click="predicate=''">unsorted</a> ]
|
|
69 | 70 | * Example:
|
70 | 71 | *
|
71 | 72 | * @example
|
72 |
| - <example> |
| 73 | + <example module="orderByExample"> |
73 | 74 | <file name="index.html">
|
74 | 75 | <div ng-controller="Ctrl">
|
75 | 76 | <table class="friend">
|
|
89 | 90 | </file>
|
90 | 91 |
|
91 | 92 | <file name="script.js">
|
92 |
| - function Ctrl($scope, $filter) { |
93 |
| - var orderBy = $filter('orderBy'); |
94 |
| - $scope.friends = [ |
95 |
| - { name: 'John', phone: '555-1212', age: 10 }, |
96 |
| - { name: 'Mary', phone: '555-9876', age: 19 }, |
97 |
| - { name: 'Mike', phone: '555-4321', age: 21 }, |
98 |
| - { name: 'Adam', phone: '555-5678', age: 35 }, |
99 |
| - { name: 'Julie', phone: '555-8765', age: 29 } |
100 |
| - ]; |
101 |
| -
|
102 |
| - $scope.order = function(predicate, reverse) { |
103 |
| - $scope.friends = orderBy($scope.friends, predicate, reverse); |
104 |
| - }; |
105 |
| - $scope.order('-age',false); |
106 |
| - } |
| 93 | + angular.module('orderByExample', []) |
| 94 | + .controller('ExampleController', ['$scope', '$filter', function($scope, $filter) { |
| 95 | + var orderBy = $filter('orderBy'); |
| 96 | + $scope.friends = [ |
| 97 | + { name: 'John', phone: '555-1212', age: 10 }, |
| 98 | + { name: 'Mary', phone: '555-9876', age: 19 }, |
| 99 | + { name: 'Mike', phone: '555-4321', age: 21 }, |
| 100 | + { name: 'Adam', phone: '555-5678', age: 35 }, |
| 101 | + { name: 'Julie', phone: '555-8765', age: 29 } |
| 102 | + ]; |
| 103 | + $scope.order = function(predicate, reverse) { |
| 104 | + $scope.friends = orderBy($scope.friends, predicate, reverse); |
| 105 | + }; |
| 106 | + $scope.order('-age',false); |
| 107 | + }]); |
107 | 108 | </file>
|
108 | 109 | </example>
|
109 | 110 | */
|
|
0 commit comments