javascript - angularjs 指令丢失数组格式过滤器

Question

我正在尝试在指令中进行简单的数组排序。但是不知何故，当我将嵌套数组放入 orderBy 过滤器时，它正在丢失数组并变成一个对象(无法排序)

当我注销指令中的 scope.item 时，它说:地址:数组[2]

但是当尝试使用过滤时$filter('orderBy')(scope.item.addresses, 'distance');我收到“类型错误:对象不是函数”

(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);

Answer 1

您需要在指令定义中而不是在链接函数中注入(inject)过滤器。

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

或者

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

并执行(删除多余的逗号，这可能是打字错误):

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