angular ui路由器的默认路由

msf*_*boy 19 angularjs angular-ui-router

angular ui路由器的示例演示具有此开始页面的链接:

'ui-router'的完整网址是/http://angular-ui.github.io/ui-router/sample/#/

'about'的完整网址是/abouthttp://angular-ui.github.io/ui-router/sample/#/about

当我使用durandalJS时,有一个限制,默认网址只是"/",可能没有"/ ui-router".

角度ui路由器插件有相同的限制吗?

mes*_*lds 16

ui-router的默认路由可以是你想要的,没有像DurandalJS那样的限制.只需使用:

$stateProvider
    .state("otherwise", { url : '/otherwise'...})
Run Code Online (Sandbox Code Playgroud)

这是ui-router的官方文档,但我找不到其他技术:https://github.com/angular-ui/ui-router/wiki

@apohi:ui-router不是angular-route.你的回复正在解决错误的模块.


小智 7

你可以这样做:

angular.module('MyApp', ['ui.router']).config([
  '$stateProvider', function ($stateProvider) {
     $stateProvider.state('default', {
     controller: 'MyController',
     templateUrl: 'path/to/index.html',
     url:''
  })
)];
Run Code Online (Sandbox Code Playgroud)

这样,只要网址位于您网站的根目录,ui-router就会在匹配的状态下捕获它,在本例中为"default".


小智 5

使用$ urlRouterProvider及其他功能:

angular.module('MyApp', ['ui.router'])
  .config(['$stateProvider', '$urlRouterProvider', function ($stateProvider, $urlRouterProvider) {
     $stateProvider.state('default', {
     controller: 'MyController',
     templateUrl: 'path/to/template.ng.html',
     url:'/default'
    })
    $urlRouterProvider.otherwise('/default')
  })];
Run Code Online (Sandbox Code Playgroud)


apo*_*ohl 4

这里有一个默认路由的"否则"选项.

如果你谈论的是默认的路由参数,那么有一个答案在这里.

  • @apohi:ui-router!= angular-route. (37认同)
  • 为什么选择这个答案?角度路由器(ngRoute)与角度ui路由器(ui.router)不同.这可能会让初学者感到困惑. (6认同)