Angular 爱奥尼亚，我如何在页面之间路由？

我的申请表中有一份产品清单

我的产品有一个id编号

我想通过这些ID号了解我产品的详细信息

查看：

<div ng-init="urunGetir()" >  
  <ion-item ng-repeat="urun in urunler" class="item-thumbnail-left positive" id="anasayfa-list-item5" ng-href="/urundetay{{ urun.urun_id }}" target="_self" ng-value="urun_id=urun.urun_id" ng-click="urunDetay(urun_id)">
    <img ng-src="http://www.elli2.com/img_gorsel_/urunler/{{  data[urun.urun_id]  }}" ng-init="gorsel(urun.urun_id)">
    <h2positive>{{ urun.urun_adi }} 
      <p style="white-space:normal; font-weight: bold;">Fiyat: <span ng-show="urun.urun_ana_fiyat!=0">{{  urun.urun_ana_fiyat }} ₺</span><span ng-show="urun.urun_indirim_yuzde != 0">{{ urun.urun_fiyati }}</span></p>
      <ion-option-button class="button-positive" ></ion-option-button>
    </h2positive>
  </ion-item>
</div>

.state('urundetay',{ url:"/urundetay/:urun_id", templateUrl:'templates/urunDetay.html', controller:'urunDetayCtrl' })

.controller('urunDetayCtrl', ['$scope','$stateParams','$http','$rootScope','$routeParams', 
function($scope,$stateParams,$http,$rootScope,$routeParams){ }])

控制器：

<div ng-init="urunGetir()" >  
  <ion-item ng-repeat="urun in urunler" class="item-thumbnail-left positive" id="anasayfa-list-item5" ng-href="/urundetay{{ urun.urun_id }}" target="_self" ng-value="urun_id=urun.urun_id" ng-click="urunDetay(urun_id)">
    <img ng-src="http://www.elli2.com/img_gorsel_/urunler/{{  data[urun.urun_id]  }}" ng-init="gorsel(urun.urun_id)">
    <h2positive>{{ urun.urun_adi }} 
      <p style="white-space:normal; font-weight: bold;">Fiyat: <span ng-show="urun.urun_ana_fiyat!=0">{{  urun.urun_ana_fiyat }} ₺</span><span ng-show="urun.urun_indirim_yuzde != 0">{{ urun.urun_fiyati }}</span></p>
      <ion-option-button class="button-positive" ></ion-option-button>
    </h2positive>
  </ion-item>
</div>

.state('urundetay',{ url:"/urundetay/:urun_id", templateUrl:'templates/urunDetay.html', controller:'urunDetayCtrl' })

.controller('urunDetayCtrl', ['$scope','$stateParams','$http','$rootScope','$routeParams', 
function($scope,$stateParams,$http,$rootScope,$routeParams){ }])

---

我是爱奥尼亚公司的新员工，我正在等待您的帮助

如果您是爱奥尼亚公司的新员工，我建议使用爱奥尼亚公司最新版本3.3.0和Angular 4。在爱奥尼亚，页面之间的路由不需要角度路由器。只需使用Ionic NavController和NavParams导航和传递页面中的数据。您可以阅读更多关于离子文档导航的内容。如果您是Angular 2 world的新手，请查看快速入门示例

，在本场景中它将非常简单：

步骤1：将函数绑定到html

步骤3：根据urldetail/:id呈现模板，现在您可以 此控制器中的urun.id

---

通过此id请求API以获取项目的详细信息you@CanKurucu欢迎，如果我的回答对您有帮助，请批准。