/ / Angularjs - tableaux de nid - json, angularjs

Angularjs - tableaux de nid - json, angularjs

J'essaie de concevoir le modèle de données pour

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

C'est ce que j'ai en ce moment:

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

C'est ce que je veux:

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

C'est mon 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>

et je reçois ceci:

-> Market Map
-> aa
->[cc, dd]
-> bb
->[ee, ff]
  1. Comment puis-je obtenir le résultat que je voulais?
  2. Y at-il une meilleure façon de concevoir le json structure pour ce genre de hiérarchie?

Réponses:

2 pour la réponse № 1

Faites votre design json comme ça

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

Alors votre html sera

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