1

命令で別のページにパラメーターを送信しようとしています (ui-sref = "forgetpassword ( {id : item.id } ) ") が、新しいページでは送信したパラメーターを取得できません

そして、これらのタブが新しい​​ページに表示されないのはなぜですか?

助けてください

コード：

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

新しいページ：

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

タブ:

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

1 に答える 1