Don't get information in new page ( ionic + angularjs )

Question

I'm trying to send parameters to another page with the instruction ( ui- sref = " forgotpassword ( {id : item.id } ) " ) but in the new page i don´t get the parameters that i sent

And why thes tabs not displaying in tne new page ?

Any help please

code:

   .state("app",{
      templateUrl: "templates/app.html",
      url: "/app",
      abstract: true
    })
    .state('forgotpassword', {
    url: "/forgot-password/:id",
    templateUrl: "templates/forgot-password.html",
    controller: "forgotpasswordCtrl"
})

.controller('forgotpasswordCtrl', function($scope, $stateParams, RawData) {
    $scope.rawData = RawData.get($stateParams.id);
})

.factory('RawData', function() {
    // Might use a resource here that returns a JSON array

    // Some fake testing data   
    var rawData = [{
      "id": "1",
      "tipo": "evento",
      "titulo": "Esta es una noticia de dos líneas principal",
      "bg": "fondo-not.png",
      "bgdetail": "noti-detalle.png",
      "fec": "ABRIL, 14,  2:56 AM",
      "com": "Backpack from Très Bien. Made in collaboration with Haerfest. Nylon body with top zip closure. Leather bottom. Outer compartment with zip closure and leather trims. Adjustable shoulder straps in leather. Metal hardware. Lined with cotton. Inner compartments. Outer logo branding."
    }];

    return {
        all: function() {
            return rawData;
        },
        get: function(id) {
            for (var i = 0; i < rawData.length; i++) {
                if (rawData[i].id === parseInt(id)) {
                    return rawData[i];
                }
            }
            return null;
        }
    };
});

ion-item :

<ion-view title="Noticias">
    <ion-content ng-controller="noticiasCtrl" style="top:0">          
          <ion-list>
            <ion-item ng-repeat="item in rawData.slice(1, n)" class="item-noticias overlay" ng-style="{'background':'url(img/'+item.bg +') no-repeat center', 'background-size':'cover'}">                
                <div class="overlay" ui-sref="forgotpassword({ id: item.id })">       
                    <span class="tipo">{{ item.tipo }}</span>
                    <span class="titulo">{{ item.titulo }}</span>
                    <span class="link">Leer mas <img src="img/right-arrow.png"></span>                    
                </div>                        
            </ion-item>
          </ion-list>         
      </ion-content>
</ion-view>

new page:

<ion-view title="forgotpassword">
  <ion-nav-buttons side="left">
    <button class="button" ng-click="$ionicGoBack($event)"></button>
  </ion-nav-buttons>
  <ion-content style="top:0">    
    <div class="header-image" ng-style="{'background':'url(img/'+bgd +') no-repeat center', 'background-size':'cover'}">
    <div class="overlayPrinD"> 
      <div class="overlayPrinSecD">                 
            <span class="tipo">{{ tipo }}</span>
            <span class="titulo">{{ tit }}</span>                               
      </div>                
    </div>       
  </div>
  <p class="fec">{{ fec }}</p>
  <p class="texto">{{ com }}</p>
  </ion-content>
</ion-view>

tabs:

app.html:

<ion-tabs class="tabs-positive tabs-icon-only tabs-color">

    <ion-tab title="Noticias" icon-off="noticia" icon-on="noticia2" ui-sref="app.noticias">

        <ion-nav-view name="app-noticias">

        </ion-nav-view>

    </ion-tab>

    <ion-tab title="Servicios" icon-off="serv" icon-on="serv2" ui-sref="app.servicios">

        <ion-nav-view name="app-servicios">

        </ion-nav-view>

    </ion-tab>

    <ion-tab title="Información" icon-off="infor" icon-on="infor">

        <ion-nav-view>

        </ion-nav-view>

    </ion-tab>

    <ion-tab title="Reserva" icon-off="reser" icon-on="reser">

        <ion-nav-view>

        </ion-nav-view>

    </ion-tab>

    <ion-tab title="Contacto" icon-off="cont" icon-on="cont">

        <ion-nav-view>

        </ion-nav-view>

    </ion-tab>

</ion-tabs>

Answer 1

It seems like you wanted show direct view inside your nav-view. Your state shouldn't be using views then.

Code

.state('forgotpassword', {
    url: "/forgot-password/:id",
    templateUrl: "templates/forgot-password.html",
    controller: "forgotpasswordCtrl"
})