所以我在 Ionic 中制作了一个应用程序,它包含来自在线管理站点的一些基本动态文本。我已经设法通过 json 将这些数据输入到应用程序中,现在我想在我的应用程序中创建动态链接(或状态)。问题是我有一些物质的清单,每种物质都包含不同的信息。所以现在我有一个这些物质的列表,当我点击一个特定的物质时,我需要它进入一个不同的状态,这将显示这个特定物质的所有信息。
这是我到目前为止的代码:
数据库:
substances: [
{
sID: 'int',
sTITLE: 'Some title 1',
sINFO: 'some info 1',
},
{
sID: 'int',
sTITLE: 'Some title 2',
sINFO: 'some info 2',
},
.....
]
应用程序.js
.state('substances', {
url: "/substances",
templateUrl: "templates/substances.html",
controller: 'SubstancesCtrl'
})
.state('substanceDetails', {
url: "/substanceDetails",
templateUrl: "templates/substanceDetails.html",
controller: 'substanceDetailsController'
})
控制器.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>