1

Estou tentando listar os dados de dois laços ng-repeat do meu código, porém 1 deles não está funcionando.

No caso, estou usando:

<ul class="nav nav-stacked nav-pills col-md-2" >
  <li ng-repeat="g in formulario.grupos">
      <a data-target="{{g.titulo}}" data-toggle="tab">{{g.titulo}}</a>
  </li>
</ul>

<!-- Tab panes -->
<div class="tab-content col-md-10" style="border:#000; border-radius:5px;">
  <div class="tab-pane" id="" ng-repeat="c in g.campos" >
      <input type="" ng-model="c.campo" name="" value="" class="form-control" > <!--ng-repeat="campo in g.campos"-->
  </div>
</div>

Meu problema está aí. O primeiro laço traz os formulários (grupos) e o segundo lista os inputs destes formulários (campos)

Essa informação é recuperada via localStorage de um JSON.

1
  • Mostra a controller que vc montou pra povoar essa li ai, talvez seja lá o problema. 7/02/2014 às 18:05

1 Resposta 1

2

O que me parece é que o teu segundo ng-repeat vai buscar informação a uma variavel g que só deverá existir dentro do elemento a que está ligado o primeiro ng-repeat.

Talvez não seja o que pretendes, mas assim já não deverá dar-te problemas:

<ul class="nav nav-stacked nav-pills col-md-2" >
  <li ng-repeat="g in formulario.grupos">
    <a data-target="{{g.titulo}}" data-toggle="tab">{{g.titulo}}</a>
    <!-- Tab panes -->
    <div class="tab-content col-md-10" style="border:#000; border-radius:5px;">
      <div class="tab-pane" id="" ng-repeat="c in g.campos" >
        <input type="" ng-model="c.campo" name="" value="" class="form-control" > <!--ng-repeat="campo in g.campos"-->
      </div>
    </div>
  </li>
</ul>

Isto, porque dentro do <li ng-repeat="g in formulario.grupos">...</li> a variável g existe.

Diz-me se resultou, e se pelo menos te levou à solução. Boa sorte ;)

1
  • 1
    Funcionou Rik! Obrigado :)
    – Luan
    18/02/2014 às 13:05

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .