angularjs - AngularJS UI ルーター パラメーター

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";

        });

}))

物質.html

 <ul class="list">

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

    </ul>