Multi ng-repeat in Ionic

Multi ng-repeat in Ionic

Quando usiamo JSON, possiamo avere degli array dentro un oggetto.

Quindi, quando cicliamo sul oggetto più grande, ci può capitare di dover eseguire anche un ciclo su un "sotto-array".

E questo mi è capitato in una app scritta in Ionic.

In pratica, l'oggetto principale riguardava gli attributi di un cliente; al quale sono legate più indiirizzi sui quali ciclare.

Supponendo che abbiate una struttura più o meno simile, e che sappiate già come recuperare i dati, ecco cosa ho fatto nel template:

<ion-view view-title="{{title}}">
    <ion-content>
        <div ng-repeat="item in items">
            <div class="card" ng-repeat="sede in item.sedi">
                <div class="item item-text-wrap">{{sede.cliente_codice}} - {{sede.cliente_ragsoc}}</div>
                <div class="item item-text-wrap" ng-repeat="ass in item.ass">
                    <p>LINEA: {{ass.associazione_linea}}</p>
                    <p>LIST.: {{ass.associazione_listino_fk}}</p>
                    <p>SCONTO: {{ass.associazione_sconto_1}}</p>
                    <p>TERM.PAG.: {{ass.associazione_termini_pagamento_fk}}</p>
                    <p>TRASP.: {{ass.associazione_trasporto}}</p>
                    <p>AGENTE: {{ass.associazione_agente}}</p>
                    <p>SUB AGENTE: {{ass.associazione_sub_agente}}</p>
                </div>
            </div>
        </div>
    </ion-content>
</ion-view>

Come vedete ci sono un ng-repeat dentro l'altro.

Di cui il primo tira fuori i dati "generali", il secondo quelli del "sotto-array"

 

E con questo penso di aver concluso con Ionic versione 1.

Per ora mi sono buttato su altri framework, aspettando la versione 2 (che userà Angular 2).

Enjoy!