sorting of email-ID's using angular Filters

Question

I am new to angular Filters.

If i want to sort the email Id's which is in ng-repeat by applying a filter. How to do this?

For example :

[email protected], [email protected] , [email protected] and [email protected] are my emails.

I want to get the output as

[email protected] , [email protected], [email protected] , [email protected]

Its like sorting alphabetically and also in ascending order Both in a filter.

I would really appreciate if working code is provided for this.

Thanks in advance. What I should write in OrderBy: "???????"

Code:

<div class="col-md-12 " ng-repeat="e in allEmails | orderBy:'??????'"> 
    //Display the emails here in sorted alphabetically ascending order.
</div>

orderBy:'toString()'

rejo
– rejo

2016-07-17 08:08:26 +00:00
Commented Jul 17, 2016 at 8:08 — rejo
– rejo, Commented Jul 17, 2016 at 8:08

Yosvel Quintero · Accepted Answer · 2016-07-17 08:19:59Z

3

Try this,

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

app.controller('MainCtrl', function($scope) {
 
  $scope.emails =  ['[email protected]', '[email protected]', '[email protected]', '[email protected]']
  
  
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>


<body ng-app="myapp" ng-controller="MainCtrl">
   
    <ul>
      <li ng-repeat="email in emails |orderBy:'toString()'">
        {{email}}
      </li>
    </ul>
  </body>

edited Jul 17, 2016 at 8:19

Yosvel Quintero

19.1k5 gold badges39 silver badges47 bronze badges

answered Jul 17, 2016 at 8:13

rejo

3,3405 gold badges29 silver badges35 bronze badges

Sign up to request clarification or add additional context in comments.

5 Comments

user1851003 Over a year ago

I have a strange problem here. I am exporting the emails from excel file. For some wered reason it is not sorting all the emails. Can anyone please help me on this

user1851003 Over a year ago

For example if emails are like this [email protected] , [email protected], [email protected], [email protected], [email protected], [email protected] . The output i am getting is [email protected] , [email protected], [email protected], [email protected] . [email protected], [email protected]

rejo Over a year ago

Try this filter , blog.overzealous.com/post/55829457993/…

user1851003 Over a year ago

Hi Rejs. So do we need to write like this orderBy:natural('????')... What should I place in ?????.. can you please help me with working example. Thank you very much in advance

Soldeplata Saketos Over a year ago

That is because '@' comes first than any number. You should make a filter to order the string that comes before the '@'

Yosvel Quintero · Accepted Answer · 2016-07-17 08:25:14Z

1

Here is another response creating custom filter mySortFilter:

angular
  .module('myapp', [])
  .filter('mySortFilter', function() {
    return function(input) {
      return input.sort();
    }
  })
  .controller('MainCtrl', function($scope) {
    $scope.emails =  ['[email protected]', '[email protected]', '[email protected]', '[email protected]'] 
  });

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>

<body ng-app="myapp" ng-controller="MainCtrl">
  <ul>
     <li ng-repeat="email in emails | mySortFilter">
        {{email}}
     </li>
  </ul>
</body>

edited Jul 17, 2016 at 8:25

answered Jul 17, 2016 at 8:14

Yosvel Quintero

19.1k5 gold badges39 silver badges47 bronze badges

Comments

Soldeplata Saketos · Accepted Answer · 2016-07-18 06:54:10Z

1

orderBy: email
You just have to order by the name of the variable. Ascending is default. If your variable were $scope.email.addresses = []; then you would have to filter like this:

orderBy: email.addresses

edited Jul 18, 2016 at 6:54

answered Jul 17, 2016 at 11:55

Soldeplata Saketos

3,4811 gold badge27 silver badges41 bronze badges

1 Comment

Soldeplata Saketos Over a year ago

As I answered: email

Collectives™ on Stack Overflow

sorting of email-ID's using angular Filters

3 Answers 3

5 Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

5 Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related