angularjs – 如何使用角度ui-router处理长动态URL?
发布时间:2020-12-17 16:58:37 所属栏目:安全 来源:网络整理
导读:我正在为REST服务构建前端应用程序,并且大多数资源位于长网址,其中大多数细分是动态的,基于用户在应用程序中创建的记录.显然,我无法知道或创建大多数这些记录的硬编码路线. 我想我的问题是如何用ui-router处理这样的网址: 学期 /程序 /类 /注册 要么 学期 /
我正在为REST服务构建前端应用程序,并且大多数资源位于长网址,其中大多数细分是动态的,基于用户在应用程序中创建的记录.显然,我无法知道或创建大多数这些记录的硬编码路线.
我想我的问题是如何用ui-router处理这样的网址: <学期> /<程序> /<类> /注册 要么 <学期> / myclasses /<类> /分配 每个资源URL中始终至少有一个静态的,可预测的段,并且段始终处于可预测的顺序. 我是否为URL中的每个段创建抽象状态,如: $stateProvider.state(semester) .state(program) .state(class) .state(assignments); ?? 我尝试过构建如下所示的路线: param = { name: "param",url: "/:hue/:temp/param",templateUrl: "http://localhost:81/route/tpl/param.tpl.html",controller: "paramController" }; 但是当我链接到“param”状态时,它最终会将我送回.otherwise()状态. 谢谢你的帮助,我有点难过. 解决方法
我有类似的问题,我很快编写了这个:
.config(function($stateProvider,$urlRouterProvider) { $stateProvider.state('app',{ url : "/app",abstract : true,templateUrl : "layout/navigation-drawer.tpl.html" }).state('app.help',{ url : "/help",views : { 'menuContent' : { templateUrl : "layout/help.html" } } }).state('app.settings',{ url : "/settings",views : { 'menuContent' : { templateUrl : "layout/settings.html" } } }).state('app.rate-us',{ url : "/rate-us",views : { 'menuContent' : { templateUrl : "layout/rate-us.html" } } }).state('app.projects',{ url : "/projects",views : { 'menuContent' : { templateUrl : "layout/projects.html",controller : 'ProjectsCtrl' } } }).state('app.forms',{ url : "/:project_name/forms",views : { 'menuContent' : { templateUrl : "layout/forms.html",controller : 'FormsCtrl' } } }).state('app.entries',{ url : "/:project_name/:form_name/entries/:form_id",views : { 'menuContent' : { templateUrl : "layout/entries.html",controller : 'EntriesCtrl' } } }); 工作正常,“/:project_name /:form_name / entries /:form_id”将解析为app / Mirko_test / University / entries / 1 (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |