2013-03-21 5 views
5

JSONオブジェクト(formData)を指定すると、オブジェクトをAngularJSでループして、RealEstateInfoPersonalTaxInfoを出力しようとしています。私の人生のために、私はプロパティの名前を取得する方法を見つけるように見えることはできません。何か案は?AngularJSでJSONプロパティ名にアクセスするにはどうすればよいですか?

ところで、(キー、値)は動作しません。 キーは私にインデックス番号を与えます。

<ul> 
    <li ng-repeat="item in formsData"> 
     {{item.value}} //What goes here to get "RealEstateInfo" the 1st loop, and "PersonalTaxInfo" the second loop? 
    </li> 
<ul> 

$scope.formData = [ 
{ 
    "RealEstateInfo": [ 
    { 
     "Group": "General", 
     "Fields": [ 
     { 
      "Name": "TitleType", 
      "Label": "Title Type", 
      "Type": "dropdown", 
     }, 
     { 
      "Name": "NameIfAvailable", 
      "Label": "Name if available", 
      "Type": "string" 
     }] 
    }, 
    { 
     "Group": "Personal", 
     "Fields": [ 
     { 
      "Name": "TitleType", 
      "Label": "Title Type", 
      "Type": "dropdown", 
     }, 
     { 
      "Name": "NameIfAvailable", 
      "Label": "Name if available", 
      "Type": "string" 
     }] 
    }] 
}, 
{ 
    "PersonalTaxInfo": [ 
    { 
     "Group": "General", 
     "Fields": [ 
     { 
      "Name": "TitleType", 
      "Label": "Title Type", 
      "Type": "dropdown", 
     }, 
     { 
      "Name": "NameIfAvailable", 
      "Label": "Name if available", 
      "Type": "string" 
     }] 
    }, 
    { 
     "Group": "PersonalInfo", 
     "Fields": [ 
     { 
      "Name": "TitleType", 
      "Label": "Title Type", 
      "Type": "dropdown", 
     }, 
     { 
      "Name": "NameIfAvailable", 
      "Label": "Name if available", 
      "Type": "string" 
     }] 
    }] 
}] 

答えて

5

このフィディルドをご覧ください。この構文を使用してhttp://jsfiddle.net/4UTHW/

ng-repeat="(key,value) in data" 

key変数とvalue変数にそれらのキーの値にオブジェクトのキーを割り当てます。

簡潔にするためにjson構造を簡略化しました。

+0

@ rajkamal-多くの感謝!それはうまくいきましたが、入れ子にされたng-repeatの概念を完全には理解していません。私は、標準的なコーディングの練習で各ループのネストされたものと同じであると仮定します... –

+0

@rajkamalこれは本当に助けられましたが、プロパティ名を取得するのは新しいです! – ArifMustafa

関連する問題