javascript - Angular 动态 URL

Question

我目前使用 Angular 1.6 和 angular-ui/ui-router我的动态网址有问题，我不知道参数限制

示例

www.example.com/name/hello/address/telephone/postcode/city/ .... (n)
or
www.example.com/name/hello/school/age/weight/height/...(n)
or
www.example.com/name/hello/friends/family/age/address

从示例 url 中，我需要使用 ui-route 来管理该 url 并从 url 获取值参数，并且仅实现一种状态。

预期结果

let result = [hello,address,telephone,postcode,city, .... (n)];

示例路线(*只有一个州处理这种情况)

.state('person', {
    url: '/name/:param1/:param2', (which I want to dynamic)
    component: 'person',
    resolve: {
    search:($transition$) {
      return  $transition$.params(); 
    }
   }
})

请多多指教:)

更新:

我从此链接找到了一个很好的解决方案

Recursive ui router nested views

Answer 1

您可以创建一个函数，它接受数组输入并返回一个状态对象。

function generateState(array){
var url = a.reduce(function(url, item){ return url+":"+item+"/" }, "/name/");
return {
    url: url,
    component: 'person',
    resolve: {
    search:($transition$)=> {
      return  $transition$.params(); 
    }
   }
 }
}

之后您可以使用$stateProvider动态注册状态