2013-03-21 2 views
5

JSON 개체 (formData)가 주어지면 AngularJS로 개체를 반복하고, PersonalTaxInfo을 출력하려고합니다. 내 인생에서 나는 속성 이름을 얻는 방법을 알아낼 수 없습니다. 어떤 아이디어?무엇인지 모르는 경우 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

이 피들을 살펴보십시오. value 변수에 해당 키 key 변수 값을 개체의 키를 할당 구문을 사용 http://jsfiddle.net/4UTHW/

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

.

간단하게 json 구조를 간략화했습니다.

+0

@ rajkamal- 많은 감사! 비록 중첩 된 반복 개념을 완전히 이해하지는 못했지만 효과적이었습니다. 나는 그것이 표준 코딩 연습의 각 루프에 중첩 된 것과 같다고 생각한다. –

+0

@rajkamal 이것이 실제로 도움이되었지만 속성 이름을 검색하는 것이 새로웠다! – ArifMustafa

관련 문제