2013-03-21 18 views
5

JSON nesnesi (formData) verildiğinde, nesneye AngularJS ile ve RealEstateInfo ve PersonalTaxInfo çıkışlarına girmeye çalışıyorum. Hayatım boyunca, mülk adına nasıl ulaşılacağını anlayamıyorum. Herhangi bir fikir? Bu arada, (anahtar, değer) çalışmıyor. anahtarı, tüm nesnenin dizin numarasını, değerini verir.Ne olduğunu bilmiyorum, AngularJS'de bir JSON özellik adına nasıl erişebilirim?

<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" 
     }] 
    }] 
}] 

cevap

5

Lütfen bu kulağa bir göz atın. value değişkene bu anahtarların key değişken ve değerlerine bir nesnenin anahtarlarını atar bu sözdizimini kullanarak http://jsfiddle.net/4UTHW/

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

.

Basitlik için json yapısını sadeleştirin.

+0

@ rajkamal- Çok teşekkürler! Bu, iç içe geçmiş ng-tekrar konseptini tam olarak anlamadığım halde işe yaradı. Sanırım, standart kodlama uygulamasında her döngü için bir iç içe olanla aynıdır ... –

+0

@rajkamal, bu özellikte gerçekten işe yarayan özellik adını almak için yeniydiler! – ArifMustafa

İlgili konular