angularjs directive losing array format filter

Question

I am trying to do a simple array sort in a directive. But somehow when i put the nested array in the orderBy filter it is losing array and becomes an object (which can not be ordered)

when i log out the scope.item inside the directive it says: addresses: Array[2]

but when trying to filter using $filter('orderBy')(scope.item.addresses, 'distance'); i am getting "TypeError: object is not a function"

(function(angular){
'use strict';
angular.module('starter').directive('getDistance', function() {
    return {
        restrict: 'E',
        replace: true,
        link: function (scope, element, $filter) {

            ;
            console.log(scope.item);

            scope.item.addresses = $filter('orderBy')(, scope.item.addresses, 'distance');

            console.log(scope.item.addresses);
        }
    };
});
})(window.angular);

You have an extra comma right after '$filter('orderBy')('. Typo? — Michael Kang
– Michael Kang, Commented Aug 17, 2014 at 1:13

PSL · Accepted Answer · 2014-08-17 01:22:43Z

3

You need to inject filter in the directive definision not in the linking function.

angular.module('starter').directive('getDistance', function($filter) {

Or

angular.module('starter').directive('getDistance', ['$filter', function($filter) {..

and do (Removing the extra comma, which probably is a typo):

scope.item.addresses = $filter('orderBy')(scope.item.addresses, 'distance');

edited Aug 17, 2014 at 1:22

answered Aug 17, 2014 at 1:15

PSL

124k21 gold badges257 silver badges243 bronze badges

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

Collectives™ on Stack Overflow

angularjs directive losing array format filter

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