关于同个页面很多不同数据,类似新闻板块的ID传导方式。

在路由后面添加
    })
.when(
    '/productCenterDetail_:proId',
    {

每个循环生成链接传导过来时添加ID

<li data-ng-repeat="pro in products">
    <div class="cpzx-list-1">
        <p>{{pro.productName}}<br>({{pro.productEnName}})</p>
        <i></i>
        <span>口径:{{pro.caliber}}</span><br>
        <span>壁厚:{{pro.wallThickness}}</span><br>
        <span>长度:{{pro.length}}</span>
    </div>
    <a href="wfgg/main.html#/productCenterDetail_{{pro.proId}}"></a>
</li>
$routeParams.proId为默认传到过来的id

通过此ID和后端的链接获取相应数据

//$routeParams.proId为传导过来的id,设置页面的数据
productCenterDetailService.findProDetail($routeParams.proId).success(function (data) {
    $scope.newId = $routeParams.proId;
    $scope.ProDetail = data.productDetail;
    $scope.imgs = $scope.ProDetail.otherPic.split(",");
    $scope.firstImg = $scope.imgs[0];
    //console.log($scope.ProDetail,$scope.imgs);
});
findProDetail : function(proId) {
   return $http.get("pro/findDetail?proId=" + proId);
},
获取相应的数据后放到页面上。完工


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值