Угловой порядок с JSON-дефис

Question

У меня есть JSON-файл с дефис в одном атрибуте. Я хочу сортировать JSON-данные с этим атрибутом, используя ng-click.

Вот мой код: http://codepen.io/anon/pen/zxooMv

<a href="#" ng-click="orderByField='square-miles'; reverseSort = !reverseSort"> 

не работает, и ни один не делает

<a href="#" ng-click="orderByField=['square-miles']; reverseSort = !reverseSort"> 

Что синтаксис я должен использовать для того, чтобы он работал?

Спасибо.

Answer 1

orderBy использует $parse сервис внутренне который будет анализировать вашу собственность как выражение:

square - miles 

Чтобы обойти эту проблему вы можете вместо того, чтобы передать свою собственную функцию геттер, как это:

<tr ng-repeat="state in data.states.state|orderBy:orderBy(orderByField):reverseSort"> 

И в ваш контроллер:

$scope.orderBy = function(property) { 
    return function(item) { 
    return item[property]; 
    }; 
}; 

Демонстрация:http://codepen.io/anon/pen/RNoZLw