Advertisement
Guest User

Untitled

a guest
Oct 20th, 2014
148
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.53 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html lang="ja" ng-app="MYAPP">
  3. <head>
  4. <meta charset="UTF-8">
  5. <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.0/angular.min.js"></script>
  6. <script src="app.js"></script>
  7. <title>Sort Object</title>
  8. </head>
  9. <body>
  10. <div ng-controller="languagesCtrl">
  11. <ul>
  12. <li ng-repeat="language in languages | objectOrderBy:'name'">
  13. {{language.value.name}}
  14. </li>
  15. </ul>
  16. </div>
  17. </body>
  18. </html>
  19.  
  20. angular.module('MYAPP', []).
  21.  
  22. filter('objectOrderBy', function(){
  23. var objStack = [];
  24. return function(obj, prop){
  25. var array = [];
  26. for(var key in obj){
  27. array.push({
  28. key: key,
  29. value: obj[key]
  30. });
  31. }
  32. return array.sort(function(o1, o2){
  33. return (o1.value[prop] > o2.value[prop])? 1: -1;
  34. });
  35. };
  36. }).
  37.  
  38. controller('languagesCtrl', ["$scope", function($scope){
  39. $scope.languages = {
  40. "sq": {
  41. "name": "Albanian"
  42. },
  43. "ar": {
  44. "name": "Arabic"
  45. },
  46. "nl": {
  47. "name": "Dutch"
  48. },
  49. "en": {
  50. "name": "English",
  51. },
  52. "gu": {
  53. "name": "Gujarati"
  54. },
  55. "he": {
  56. "name": "Hebrew"
  57. },
  58. "lt": {
  59. "name": "Lithuanian"
  60. },
  61. "ru": {
  62. "name": "Russian"
  63. },
  64. "sk": {
  65. "name": "Slovak"
  66. },
  67. "ur": {
  68. "name": "Urdu"
  69. }
  70. };
  71. }]);
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement