2016-04-26 6 views
0

I持ってAngularJSフレームワーク内のテンプレートに属し、次のHTMLコード:NGリピートはJSONファイルから変数を返さない

<ul class="sb-parentlist"> 
    <h1 class={{headerClass}}> Popular</h1><div data-ng-repeat="data in data track by $index"> 
    <li> 
     <span class="sb-text-title" href="#" ng-click="openFaq = ! openFaq"><b>{{data[$index].faq.frage |translate}}</b></span> 
        <span ng-show="openFaq" class="sb-text"> 
         <br> 
         {{data[$index].faq.antwort |translate}} 
        </span> 
    </li> 
     </div> 
    </ul> 

私は印刷の上、正しく私のブラウザ上の「LI」の要素の数を取得しています結果は表示されますが、変数は定義されていないため、空白のエントリが表示されます。ここ は、JSONのエントリです:

{ 

     "faq": 
     {"frage":"HB_START_FAQ_Q", 
      "antwort":"HB_START_FAQ_A"} 
     , 
     "screencast":"HB_START_SCREENCAST" 
    }, 
    { 

     "faq": 
     {"frage":"HB_START_FAQ_Q_1", 
      "antwort":"HB_START_FAQ_A_1"} 
     , 
     "screencast":"HB_START_SCREENCAST_1" 
    }, 
    { 

     "faq": 
     {"frage":"HB_START_FAQ_Q_2", 
      "antwort":"HB_START_FAQ_A_2"} 
    , 
     "screencast":"HB_START_SCREENCAST_2" 
    }, 
    { 

     "faq": 
     {"frage":"HB_START_FAQ_Q_3", 
      "antwort":"HB_START_FAQ_A_3"} 
    , 
     "screencast":"HB_START_SCREENCAST_3" 
    } 

私は、ネストされたアイテムを得るために興味を持っています。何か案は?

答えて

1

dataが繰り返し処理されたコレクション名と項目間の曖昧なので - あなたのngRepeat構文を変更します。

data-ng-repeat="item in data track by $index" 

そしてitem[$index]を使用しています。あなたがやっていない理由が完全にわからないdata.faq - あなたが選択する必要があります$index

関連する問題