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

        });

})

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'
})

然后你在 materials.html 中的 ui-sref 会将 sID 附加到 url，你就可以在$stateParams 的控制器中访问该 ID。

在你的 ng-repeat 中你也做错了一些事情。请为您查看this example I created，它可以满足您的需求。