12

AngularJS テンプレートは、キーにハイフンを含む JSON を使用できません。

例えば

私のJsonは次のようになります

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

今、私のangularjsテンプレートでhrefを参照すると機能しません

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

href が /app/edit?item= としてレンダリングされる値を解決できません

試した

<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>
4

2 に答える 2

22

オブジェクト キーは次のように引用する必要があります。

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

角度式ではブラケット表記を使用する必要があります。

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

\-オプションで、角度式のハイフンをエスケープできます。

于 2013-07-10T23:15:39.413 に答える
2

{{item.link['xx-test'].href}} を試す

ブラケット表記の詳細については、次を参照してください。

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

于 2013-07-10T23:08:51.563 に答える