如何解决UI-Router:参数如何映射到url
我是Angular和UI-Router的新手,我必须使用Angular代码库。我很难理解params
如何映射到URL。具体来说,topics
是如何在topic
中作为/test?topic&manualMode&advancedMode
注入的,我似乎找不到可以注销中间值以查看url构造方式的地方。
function StateConfig(
$stateProvider: angular.ui.IStateProvider,breadcrumbsService: BreadcrumbsService
) {
$stateProvider.state("testHub",{
params: {
topics: null
},url: "/test?topic&manualMode&advancedMode",views: {
main: {
template:
'<div class="hubContent"><iot-mqtt-client-config></iot-mqtt-client-config></div>'
},sidebar: {
controller: HelpControllerTutorial,controllerAs: "vm",templateUrl: "pages/mqtt/mqtt-client-help.html"
}
}
});
breadcrumbsService.addConfig("testHub",{
name: (i18n: I18nService) => i18n("text.test"),parentState: null,reconstructBreadcrumbPath: true
});
}
解决方法
这应该在app.js中为您工作:
.state('testHub',{
url: "/test/:topic/:manualMode/:advancedMode",// added for dynamic ID params
})
然后,您在uissings.html中的ui-sref将(topic或manualMode或advancedMode)附加到URL,您将可以在$ stateParams中的控制器中访问它。 >
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。