Sorting In AngularJS

Question

self.records: [
  {
    "Reg_code": 10001025,
    "Name": "Chandan Kumar Penta",
    "staticColumn": {
      "Check": "Check1",
      "HHHHH": ""
    }
  },
  {
    "Reg_code": 10001290,
    "Name": "test_B2 ",
    "staticColumn": {
      "Check": "Check2",
      "HHHHH": ""
    }
  },
  {
    "Reg_code": 10001028,
    "Name": "Ronny Lewis",
    "staticColumn": {
      "Check": "Check3",
      "HHHHH": ""
    }
  }
]

This is my JSON object. I want to sort on the basis on Check in AngularJS. Please help.

@Yogiraj on the basis of check means the key check in each object present in stationColumn object?? — Dhiraj
– Dhiraj, Commented Jan 27, 2017 at 6:34
Please check here plnkr.co/edit/S5PwRWQFmQekoPPFFpGk?p=preview — Santosh Shinde
– Santosh Shinde, Commented Jan 27, 2017 at 6:44

Sajeetharan · Accepted Answer · 2017-01-27 06:36:38Z

You can do,

<div class="adaptions" ng-repeat="record in records | orderBy:'staticColumn.Check' ">

DEMO

var app = angular.module('todoApp', []);

app.controller("dobController", ["$scope",
  function($scope) {
    $scope.records  = [
  {
    "Reg_code": 10001025,
    "Name": "Chandan Kumar Penta",
    "staticColumn": {
      "Check": "Check4",
      "HHHHH": ""
    }
  },
  {
    "Reg_code": 10001290,
    "Name": "test_B2 ",
    "staticColumn": {
      "Check": "Check2",
      "HHHHH": ""
    }
  },
  {
    "Reg_code": 10001028,
    "Name": "Ronny Lewis",
    "staticColumn": {
      "Check": "Check3",
      "HHHHH": ""
    }
  }
];
   
  
  }
]);

<!DOCTYPE html>
<html ng-app="todoApp">

<head>
  <title>Sample</title>
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.1/angular.min.js"></script>
</head>
<body ng-controller="dobController">
 <div class="adaptions" ng-repeat="record in records | orderBy:'staticColumn.Check' ">
     <ul>
       <li >{{ record.staticColumn.Check }}</li>
    </ul>
</div>
 
</body>

</html>

Collectives™ on Stack Overflow

Sorting In AngularJS

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related