angularjs ngRepeat orderBy quando chiave struttura dispone di spazi

Question

che sto ricevendo alcuni dati in formato JSON, che ha spazi nel alcune delle chiavi:

[ 
    { 
     "PlainKey": "SomeValue", 
     "Spaced Key": "SomeValue" 
    }, 
    { 
     "PlainKey": "SomeValue2", 
     "Spaced Key": "SomeValue2" 
    } 
] 

Questo accade ad un certo punto:

$http.get('https://dl.dropboxusercontent.com/u/80497/htmlTesting/properties/credits.properties' + '?callback=JSON_CALLBACK').then(function (data) { 
      $scope.credits = data.data; 
     }, function (error) { 
      $scope.errorOccured = true; 
      console.log("Error:"); 
      console.log(error); 
     }); 

e poi ng-repeat è usato per visualizzarlo, con l'ordinazione:

<select ng-model="corder"> 
    <option value="PlainKey">Plain Key</option> 
    <option value="Spaced Key">Spaced Key</option> 
</select> 

<li ng-repeat="credit in credits | orderBy:corder" > 
..... 
</li> 

Questo non funziona (ho una e xception) (Il PlainKey funziona perché non ci sono spazi).

Ho anche provato a mettere i valori in ':

<select ng-model="corder"> 
    <option value="'PlainKey'">Plain Key</option> 
    <option value="'Spaced Key'">Spaced Key</option> 
</select> 

Questo sembra cambiare l'ordine, ma non in modo corretto.

Cosa mi manca?

Grazie!

Answer 1

commenti apparsi per aiutare in modo da sto includendolo come una risposta:

Un modo per ordinare gli elementi con gli spazi nei loro nomi di proprietà degli oggetti è quello di passare una funzione predicato di sorta in orderBy invece di specificare il nome della proprietà dell'oggetto . Le modifiche rilevanti in particolare:

HTML:

<li ng-repeat="credit in credits | orderBy:predicate"> 

JS:

$scope.predicate = function(val) { 
    // $scope.corder corresponds to the object property name to sort by 
    return val[$scope.corder]; 
} 

dimostrazione Plunker.

Answer 2

più semplice modo, proprio circondare un nome di campo con il codice UTF-8 per la virgoletta:

HTML

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

JS

$scope.orderKey = '\u0022Spaced Key\u0022';