在Angular UI Router中提供具有ID的URL [英] Give URL with ID in Angular UI Router
本文介绍了在Angular UI Router中提供具有ID的URL的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我有一个问题,当我编辑数据时,我的网址未显示id示例:/answer/1 or /answer/2 or /answer/3
等.我很困惑,因为我正在使用 UI ROUTER
我是一个使用UI ROUTER angularjs的初学者.你能帮助我吗 ?我该怎么办 ?谢谢
I have a problem, when I edited data, my url not showing id example : /answer/1 or /answer/2 or /answer/3
etc. Im confused because Im using UI ROUTER
I'm a beginner use UI ROUTER angularjs. Can you help me ? What should I do ? Thanks
我的路由代码:
.state({
name: 'answer',
url : '/answer/',
params : {
obj : null
},
controller: 'answer-controller',
templateUrl: 'templates/table-answer.html'
})
ng点击进入表格-答案:
<button type="button" class="btn btn-default" ng-click="ListAnswer(data.item)"><i class="fa fa-eye"></i> View Answer</button>
将参数$ scope.ListAnswer传递到answer-controller.js
$scope.ListAnswer = function(data) {
$state.go('answer', {obj : data});
};
推荐答案
这很简单.您仅错过了一件事,否则您的代码是正确的.
It's quite simple. Only one thing you missed there, otherwise your code is right.
.state({
name: 'answer',
url : '/answer/{answerId}',
params : {
obj : null
},
controller: 'answer-controller',
templateUrl: 'templates/table-answer.html'
})
现在有两种方法可以越过该状态.
//HTML
<button type="button" class="btn btn-default" ng-click="ListAnswer(data.answerId)"><i class="fa fa-eye"></i> View Answer</button>
//控制器
$scope.ListAnswer = function(answerId) {
$state.go('answer', {answerId: answerId});
};
OR
<button type="button" class="btn btn-default" ui-sref="answer({answerId: data.answerId})"><i class="fa fa-eye"></i> View Answer</button>
这篇关于在Angular UI Router中提供具有ID的URL的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文