/ / Angularjs - Nestarrays - Json, Angularjs

Angularjs - Nestarrays - Json, Angularjs

Ich versuche, das Datenmodell für zu entwerfen

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

Das habe ich gerade jetzt:

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

Das ist was ich will:

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

Das ist mein 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>

und ich bekomme das:

-> Market Map
-> aa
->[cc, dd]
-> bb
->[ee, ff]
  1. Wie kann ich das gewünschte Ergebnis erzielen?
  2. Gibt es eine bessere Möglichkeit, das zu gestalten? json Struktur für diese Art von Hierarchie?

Antworten:

2 für die Antwort № 1

Machen Sie Ihren Json-Entwurf so

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

Dann wird Ihre HTML sein

<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>