/ / Angularjs - matrizes de ninho - json, angularjs

Angularjs - matrizes do ninho - json, angularjs

Eu estou tentando projetar o modelo de dados para

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

Isso é o que eu tenho agora:

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

É isso que eu quero:

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

Este é meu 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>

e eu entendo isso:

-> Market Map
-> aa
->[cc, dd]
-> bb
->[ee, ff]
  1. Como posso obter o resultado que queria?
  2. Existe uma maneira melhor de projetar json estrutura para este tipo de hierarquia?

Respostas:

2 para resposta № 1

Faça seu json desenhar assim

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

Então o seu html será

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