AngularJS ui routerのパラメータ

Question

私は、この質問がおそらく数回尋ねられていることを知っていますが、解決策を見つけることができません。プラス私はこれらの問題（とフレーズ）の専門家ではないので、私と一緒に裸をしてください。

私はIonicでアプリを作っています。オンライン管理サイトの基本的な動的テキストが含まれています。 私はこのデータをアプリケーショントラフjsonに取得できましたが、今では私のアプリケーションに動的リンク（または状態）を作成したいと思います。 私はいくつかの物質のリストを持っていて、それぞれの物質には異なる情報が含まれています。だから、今私はこれらの物質のリストを持っています。特定の物質をクリックすると、この特定の物質のすべての情報を表示する別の状態にする必要があります。

ここで私はこれまで...

データベース持っているコードです：

substances: [ 
    { 
    sID: 'int', 
    sTITLE: 'Some title 1', 
    sINFO: 'some info 1', 
    }, 
    { 
    sID: 'int', 
    sTITLE: 'Some title 2', 
    sINFO: 'some info 2', 
    }, 
    ..... 
] 

app.js

.state('substances', { 
      url: "/substances", 
      templateUrl: "templates/substances.html", 
      controller: 'SubstancesCtrl' 
     }) 

    .state('substanceDetails', { 
      url: "/substanceDetails", 
      templateUrl: "templates/substanceDetails.html", 
      controller: 'substanceDetailsController' 
     }) 

controllers.js

.controller('SubstancesCtrl', function ($scope, $stateParams, $rootScope, $http) { 


    $http.get('http://someurladdress.php?type=json') 
     .success(function (data) { 

      $scope.substances = data; 

     }) 
     .error(function (response) { 
      $scope.message = "Error"; 

     }); 

が}）

substances.html

<ul class="list"> 

     <li ng-repeat="sID in substances" class="item "> 
      <a ui-sref="substanceDetails({sID:substances.sID})"> 
       {{sID.sTITLE}} 
      </a> 
     </li> 

    </ul> 

Answer 1

これはapp.jsにあなたのために働く必要があります。

.state('substanceDetails', { 
    url: "/substanceDetails/:sID", // added :sID for dynamic ID param 
    // url: "/substanceDetails?sID" you could also add sID as a query string 
    templateUrl: "templates/substanceDetails.html", 
    controller: 'substanceDetailsController' 
}) 

次に、あなたのURLにSIDが追加されますsubstances.htmlにSREF UI-、及び必要になりますコントローラのIDに$stateParamsでアクセスできるようにしてください。

ng-repeatでも間違っていることがいくつかありました。あなたのためにthis example I createdを見てください。それはあなたが必要とするものです。