在路由后面添加
}) .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); },获取相应的数据后放到页面上。完工