Angular UI路由参数

时间:2016-10-19 14:26:40

标签: angularjs angular-ui-router url-routing angular-routing angular-ui-router-extras

我在route.js中有这种模式

.state('organizations', {
        url: '/companies/:options?/:keyvalue',
        templateUrl: '../app/components/organizations/organization.html',
        controller: 'OrganizationController',
        controllerAs: 'organizationsCtrl'
      })

当我尝试访问网址时

/companies/
/companies/users

它运作正常,但是当我尝试

/companies/users/1

重定向到默认视图

// For any unmatched url, redirect to /dashboard
    $urlRouterProvider.otherwise('/dashboard');

任何人都可以帮我看看我做错了什么? 谢谢!

1 个答案:

答案 0 :(得分:0)

我想你想让options参数可选。

默认情况下,UI路由器中的路由参数是可选的。

路由参数的?后缀只是告诉UI路由器URL模板的查询部分应该从哪里开始

您的网址应该如下url: '/companies/:options/:keyvalue'

这将匹配

/companies/
/companies/users/
/companies/users/1