javascript - 如何在 Angular ui-router 状态下添加 guid 正则表达式

Question

我有这条路线

.state('mystate', {
    url: '/{id}',
    templateUrl: '/views/partial.html'
});

id 参数应该是一个类似“2a542f61-5fff-4607-845d-972e6c3ad1e4”形式的 guid。 我如何在 url“url:'/{id:?what should i put here}'”中添加这个。

Answer 1

您可以定义自己的参数类型。

var GUID_REGEXP = /^[a-f\d]{8}-([a-f\d]{4}-){3}[a-f\d]{12}$/i;
$urlMatcherFactoryProvider.type('guid', {
  encode: angular.identity,
  decode: angular.identity,
  is: function(item) {
     return GUID_REGEXP.test(item);
  }
});

这是一个showcase关于这个解决方案的 plunker

然后在url路由表达式中指定这个类型:

.state('mystate', {
  url: '/{id?guid}',
  templateUrl: '/views/partial.html'
});

您可以在 that page 上阅读更多内容在文档中