gpt4 book ai didi

AngularJS:使用 UI-Router 时是否可以忽略父级的状态 url?

转载 作者:行者123 更新时间:2023-12-03 08:22:42 24 4
gpt4 key购买 nike

我正在使用 UI-Router(-extras) 开发一个 AngularJs 应用程序,其中我使用以下设置:

  .state('root', {
url: '/{language:(?:nl|en)}',
views: {
'root': {
templateUrl: 'app/root/root.html',
controller: 'RootController'
}
}
})
.state('root.main', {
views: {
'main': {
templateUrl: 'app/main/main.html',
controller: 'MainController'
}
},
sticky: true
})
.state('root.modal', {
url: '/{locale:(?:nl|fr)}',
views: {
'modal': {
templateUrl: 'app/modal/modal.html',
controller: 'ModalController'
}
}
})

根状态定义 URL 中的语言。此外,我有几个模式和主要状态,它们有自己的 URL(即 root.main.home => /en/home)。

现在我想要一些没有 URL 的模态状态。如何让一个状态忽略其父级的 URL?

最佳答案

回答:

how can a state ignore his parent's URL?

我们有

Absolute Routes (^)

If you want to have absolute url matching, then you need to prefix your url string with a special symbol '^'.

$stateProvider
.state('contacts', {
url: '/contacts',
...
})
.state('contacts.list', {
url: '^/list',
...
});

So the routes would become:

  • 'contacts' state matches "/contacts"
  • 'contacts.list' state matches "/list". The urls were not combined because ^ was used.

另请检查:how to implement custom routes in angular.js?

关于AngularJS:使用 UI-Router 时是否可以忽略父级的状态 url?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32310535/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com