Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html lang="ja" ng-app="MYAPP">
- <head>
- <meta charset="UTF-8">
- <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.0/angular.min.js"></script>
- <script src="app.js"></script>
- <title>Sort Object</title>
- </head>
- <body>
- <div ng-controller="languagesCtrl">
- <ul>
- <li ng-repeat="language in languages | objectOrderBy:'name'">
- {{language.value.name}}
- </li>
- </ul>
- </div>
- </body>
- </html>
- angular.module('MYAPP', []).
- filter('objectOrderBy', function(){
- var objStack = [];
- return function(obj, prop){
- var array = [];
- for(var key in obj){
- array.push({
- key: key,
- value: obj[key]
- });
- }
- return array.sort(function(o1, o2){
- return (o1.value[prop] > o2.value[prop])? 1: -1;
- });
- };
- }).
- controller('languagesCtrl', ["$scope", function($scope){
- $scope.languages = {
- "sq": {
- "name": "Albanian"
- },
- "ar": {
- "name": "Arabic"
- },
- "nl": {
- "name": "Dutch"
- },
- "en": {
- "name": "English",
- },
- "gu": {
- "name": "Gujarati"
- },
- "he": {
- "name": "Hebrew"
- },
- "lt": {
- "name": "Lithuanian"
- },
- "ru": {
- "name": "Russian"
- },
- "sk": {
- "name": "Slovak"
- },
- "ur": {
- "name": "Urdu"
- }
- };
- }]);
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement