1

我正在尝试使用指令（ui-sref =“forgotpassword（{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>

标签：

应用程序.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

0

似乎您想在nav-view. 您所在的州不应该在views那时使用。

代码

.state('forgotpassword', {
    url: "/forgot-password/:id",
    templateUrl: "templates/forgot-password.html",
    controller: "forgotpasswordCtrl"
})
于 2015-08-07T18:08:34.130 回答