ICode9

精准搜索请尝试: 精确搜索
首页 > 编程语言> 文章详细

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

2019-10-06 08:35:18  阅读:183  来源: 互联网

标签:javascript angularjs angular-ui-router angular-ui


我有这条路

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

id param应该是像这样的“2a542f61-5fff-4607-845d-972e6c3ad1e4”形式的guid.
我如何在网址“url:’/ {id:?我应该放在这里}}”中添加这个.

解决方法:

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

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 route表达式中指定此类型:

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

您可以在文档中阅读更多关于that page的内容

标签:javascript,angularjs,angular-ui-router,angular-ui
来源: https://codeday.me/bug/20191006/1859641.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有