javascript - 选项 url 路径 UI-Router

Question

在我的 Angular 应用程序中，我大量使用 UI-Router 的嵌套状态。

我正在尝试创建一个父状态，该状态根据具有可选区域设置路径的 URL 确定应用程序的区域设置。

• 西类牙语 www.website.com/es/search
• 对于英语 www.website.com/search

西类牙语需要 '/es'，但缺少参数暗示英语，我不希望有 '/en'。

我希望该状态的任何子状态都继承该区域设置值。

$stateProvider
    .state('localization', {
        abstract: true,
        url: '/:locale?',
        params: {
            locale: { value: 'en' }
        }
    })
    .state('search', {
        url: '/search',
        parent: 'localization'
    });

我希望能够在任何子状态中使用 $stateParams.locale。

Answer 1

几乎一样的问答:Angular js - route-ui add default parmeter或another here

解决方案是像这样创建根状态:

.state('localization', {
    url: '/{locale:(?:en|es|cs)}',
    abstract: true,
    template: '<div ui-view=""></div>',
    params: {locale : { squash : true, value: 'en' }}
})

任何子状态都可以将其用作父状态:

.state('home', {
    parent: 'localization', // parent will do the magic
    url: "/",
    ...
})
.state('activity', {
    parent: 'localization',
    ...

Check it here ，这里也完全可以工作 plunker