I modelli AngularJS non possono utilizzare JSON che contiene il trattino

Question

I modelli AngularJS non possono utilizzare JSON che contiene il trattino nella chiave.

ad es.

mio JSON sembra

{ 
    ... 
    link: { 
     xx-test:{ 
      href: '/test/xx' 
     } 
} 

Ora, nel mio modello angularjs se rimando il href non funziona

<a ng-href="/app/edit?item={{item.link.xx-test.href}}"></a> 

non è in grado di risolvere il href valore viene reso come /app/edit? item =

Ha provato

<a ng-href="/app/edit?item={{'item.link.xx-test.href'}}"></a> 
<a ng-href="/app/edit?item={{item.link.xx\-test.href}}"></a> 
<a ng-href="/app/edit?item={{item.['link.xx-test'].href}}"></a> 

Answer 1

La chiave oggetto deve essere citato con:

$scope.bar = {'xx-test':'foo'}; 

La notazione del bracketing deve essere utilizzata nell'espressione angolare.

<p>{{bar['xx-test']}}</p> 

Opzionalmente si può sfuggire il trattino \- nell'espressione angolare.

Answer 2

try {{item.link [ 'xx-test'] href}.}

Per ulteriori approfondimenti sulla staffa notazione:

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Working_with_Objects