当前位置: 首页 > 编程笔记 >

angular-ui-router 页码参数

王长卿
2023-03-14
本文向大家介绍angular-ui-router 页码参数,包括了angular-ui-router 页码参数的使用技巧和注意事项,需要的朋友参考一下

示例

类似于,int但仅接受正整数(当有page参数时,可用于分页。

定义:

module.config(['$urlMatcherFactoryProvider', function($urlMatcherFactory) {
  $urlMatcherFactory.type('page', {
    decode: function(val) { return +val; },
    encode: function(val) { return Math.floor(val); },
    equals: function(a, b) { return this.is(a) && +a == +b; },
    is: function(val) { return angular.isNumber(val) && val >= 1; },
    pattern: /\d+/
  })
}]);

并使用:

$stateProvider.state({
  url: '/my-route/{page:page}'
  template: '<my-page></my-page>'
});

柱塞和相关的答案。

 类似资料:
  • 问题内容: 我正在使用角度UI路由器。我的路线配置中包含以下内容 在索引页面中,我只是使用以下方法调用视图: 在我的bulletinBoard.html中,我想要一个嵌套视图: 对于/ newsFeed页面和/ tradeFeed页面,它可以正常工作,但是对于公告板,我看不到页面上的任何内容。我要去哪里错了? 问题答案: 我发现官方GitHub Wiki上的示例非常不直观。这是一个更好的选择: h

  • 本文向大家介绍angular-ui-router 基本观点,包括了angular-ui-router 基本观点的使用技巧和注意事项,需要的朋友参考一下 示例 index.html script.js            

  • 问题内容: 我打算在大型应用程序中使用 AngularJS 。所以我正在寻找合适的模块来使用。 是什么区别 (角route.js)ngRoute 和 UI的路由器(角-UI-router.js) 模块? 在许多使用 ngRoute的 文章中,route是使用 $ routeProvider 配置的。但是,当与 ui- router一起使用时 ,route是使用 $ stateProvider和$

  • 我正计划在我的大型应用程序中使用AngularJS。所以我正在寻找合适的模块来使用。 ngRoute(Angular-Route.js)和ui-router(Angular-UI-Router.js)模块之间有什么区别? 在使用ngRoute的许多文章中,route是用$routeProvider配置的。但是,当与ui-router一起使用时,route将使用$StateProvider和$URL

  • 问题内容: 如何在不使用查询字符串且仅使用一个路由名称的情况下允许对路由使用可选参数?我目前正在指定每条路线“五次”以允许零件的任意组合: 所有部件都必须是可选的。 路线必须解决任何变化。 必须有一个更容易/更清洁/更丑陋的方式。 问题答案: 简短答案…。

  • 问题内容: SPA是Angular的绝妙之处,但是如果我需要其他与​​index.html不相关的页面怎么办,具有不同ui视图的UI-Router状态又如何实现呢? 例如,我有 index.html : app.js : 现在,我需要与index.html完全不同的 login.html (不需要索引的页眉,页脚,侧边栏),但是config stateProvider仅查找index.html u