/ / Angularjs - macierze gniazd - json, angularjs

Angularjs - macierze gniazd - json, angularjs

Próbuję zaprojektować model danych dla

-> Section
-> Sub Section
->Main Element
->Main Element
-> Sub Section
->Main Element
->Main Element
->Main Element
...

Oto, co mam teraz:

[{
"section": "market map",
"subsections": ["aa","bb"],
"mainelements":
[
["cc","dd"],
["ee","ff"],
]
}];

To jest to czego chcę:

-> Market Map
-> aa
->cc
->dd
-> bb
->ee
->ff

To jest mój html:

<ul>
<li ng-repeat="data in datas">
<ul>
<li ng-repeat="subsection in data.subsections">
<input type="text" ng-model="subsection"  size="30" placeholder="add subsection here">
<ul>
<li ng-repeat="mainelement in audit.mainelements">
<input type="text" ng-model="mainelement"  size="30" placeholder="add mainelement here">
</li>
</ul>
</li>
</ul>
</li>
</ul>

i rozumiem to:

-> Market Map
-> aa
->[cc, dd]
-> bb
->[ee, ff]
  1. Jak mogę uzyskać pożądany wynik?
  2. Czy istnieje lepszy sposób na zaprojektowanie json struktura dla tego rodzaju hierarchii?

Odpowiedzi:

2 dla odpowiedzi № 1

Uczyń swój projekt jsonem takim

$scope.datas=[{
"section": "market map",
"subsections": [{
subSection: "aa",
mainelements: ["cc","dd"]
},{
subSection: "bb",
mainelements: ["ee","ff"]
}]
}];

Wtedy będzie twój html

<ul>
<li ng-repeat="data in datas=">
{{data.section}}
<ul>
<li ng-repeat="subsection in data.subsections">
<input type="text" ng-model="subsection.subsection"  size="30" placeholder="add subsection here">
<ul>
<li ng-repeat="mainelement in subsection.mainelements">
<input type="text" ng-model="mainelement"  size="30" placeholder="add mainelement here">
</li>
</ul>
</li>
</ul>
</li>
</ul>