加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 服务器 > 安全 > 正文

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

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读