2013-03-21 11 views
5

Biorąc pod uwagę obiekt JSON (formData), próbuję przechodzić przez obiekt za pomocą AngularJS i wyjść RealEstateInfo i PersonalTaxInfo. Dla mojego życia nie mogę się domyślić, jak dostać się do nazwy nieruchomości. Jakieś pomysły?Jak uzyskać dostęp do nazwy właściwości JSON w AngularJS, jeśli nie wiem, co to jest?

Nawiasem mówiąc, (klucz, wartość) nie działa. klucz podaje mi numer indeksu, wartość cały obiekt.

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

Odpowiedz

5

Proszę spojrzeć na to skrzypce. http://jsfiddle.net/4UTHW/

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

użyciu tej składni przypisze klucze obiektu do key zmiennej i wartości tych kluczy do value zmiennej.

Uproszczenie struktury json dla zwięzłości.

+0

@ rajkamal- Wielkie dzięki! To zadziałało, chociaż nie do końca rozumiem koncepcję zagnieżdżonego ng-powtórzenia. Zakładam, że jest taki sam jak zagnieżdżony dla każdej pętli w standardowej praktyce kodowania ... –

+0

@rajkamal to było nowe, aby pobrać nazwę nieruchomości, chociaż to naprawdę pomogło! – ArifMustafa

Powiązane problemy