orderBy not working in angularjs with object name with a dash

Question

I'm trying to sort by ascending order some dates I have in the object start-date. It seems to not work if there are dashes, according to some sources.

data-ng:repeat="medicationItem in medication | orderBy:['start-date','name']">

I am first trying to sort by date and then by alphabet. Is there something I am doing incorrectly?

Thank you in advanced.

Answer 1

Simplest way, just surround a field name with UTF8 code for quotation mark:

HTML

<li ng-repeat="item in items | orderBy:'\u0022Dashed-Key\u0022'">

JS

$scope.orderKey = '\u0022Dashed-Key\u0022';

Answer 2

I have had similar issues with attributes of objects that have hyphens in the name. So user['first-name'] which works for most things in Angular will not work with filters. In order for you to get the orderBy for start date to work. It will need to look like orderBy:['startDate', 'name'] and medicationItem will have to have an attribute medicationItem.startDate