Share data between views on Ionic
<p>I'm developing my first app on Ionic and i need share data in list page and when i click on item, i need to display item details in another single page</p>

<p>Currently i'm make this code:</p>

<pre><code>.controller('CiudadesCtrl', function($scope, $state) {

    // SEXTA REGION
    // Accordeon para la lista de ciudades
    $scope.groups = [
    {
        id_ciudad: 61,
        name: "Santa Cruz",
        emprendedores: [{
            id_emprendedor: 611,
            nombre: "Cabañas El Salto",
            telefono: "+56912345678",
            servicio: "alojamiento"
        }]
    },
    {
        id_ciudad: 62,
        name: "Marchigue",
        emprendedores: [{
            id_emprendedor: 621,
            nombre: "Cabañas Las Luciérnagas",
            telefono: "+56912345678",
            servicio: "alojamiento"
        }]
    }
    ];
})
</code></pre>

<p>HTML for display list:</p>

<pre><code>&lt;ion-view view-title="" hide-nav-bar="false" hide-back-button="false"&gt;
    &lt;ion-content class="int-regiones" ng-controller="CiudadesCtrl"&gt;
        &lt;h1 class="col-100"&gt;Región de O'Higgins&lt;/h1&gt;
        &lt;div class="featured"&gt;
            &lt;img src="img/mapa-region-6.jpg" alt="" /&gt;
        &lt;/div&gt;
        &lt;div class="content"&gt;
            &lt;div class="list col-100"&gt;
                &lt;ion-list&gt;
                    &lt;div ng-repeat="group in groups"&gt;
                        &lt;ion-item class="item-stable" ng-click="toggleGroup(group)" ng-class="{active: isGroupShown(group)}"&gt;
                            &lt;i class="icon" ng-class="isGroupShown(group) ? 'ion-minus' : 'ion-plus'"&gt;&lt;/i&gt;
                            &amp;nbsp;
                            {{group.name}}
                        &lt;/ion-item&gt;
                        &lt;ion-item ng-repeat="item in group.emprendedores" class="item-accordion" ng-show="isGroupShown(group)"&gt;
                            &lt;a id="{{group.id}}" class="item item-avatar" href="#/app/emprendedor/{{item.id_emprendedor}}"&gt;
                                &lt;img src="img/ico-{{item.servicio}}.png"&gt;
                                &lt;h2&gt;{{item.nombre}}&lt;/h2&gt;
                                &lt;span&gt;{{item.telefono}}&lt;/span&gt;
                            &lt;/a&gt;
                        &lt;/ion-item&gt;
                        &lt;!-- --&gt;
                    &lt;/div&gt;
                &lt;/ion-list&gt;
            &lt;/div&gt;
        &lt;/div&gt;
    &lt;/ion-content&gt;
&lt;/ion-view&gt;
</code></pre>

<p>Controller for single:</p>

<pre><code>.controller('CiudadCtrl', function($scope, $state, $stateParams) {



});
</code></pre>

<p>And HTML for single:</p>

<pre><code>&lt;ion-view view-title="Emprendedor"&gt;
  &lt;ion-content ng-controller="CiudadCtrl"&gt;
    &lt;h1&gt;{{item.nombre}}&lt;/h1&gt;
  &lt;/ion-content&gt;
&lt;/ion-view&gt;
</code></pre>

<p>My first idea, was a popup, but is very hard to code it :(</p>

<p>In advance, thanks</p>