相关疑难解决方法(0)

路由角度 5 中的破折号分隔参数

我想用破折号分隔 URL 中的参数,如下所示:

localhost/add/5-ninja
Run Code Online (Sandbox Code Playgroud)

这里的 id 是 5,名字是 ninja。当我将配置更改为: path: '/:id-:name' 它无法正常工作。如何在 URL 中创建破折号分隔的参数

angular-ui-router angular

5
推荐指数
1
解决办法
2497
查看次数

使用正则表达式获取angular2中路径的路径值

我想为angular2应用程序配置路由.我的网址必须是这样的:

HTTP:// DOMAIN_NAME/constant_value/VARIABLE_VALUE/constant_value

网址可以是以下示例:

http://localhost/myhouse/floor1/mirror

http://localhost/myhouse/floor1/room1/mirror

http://localhost/myhouse/floor1/room1/bathroom/mirror

这里的路线/ myhouse/ mirror是不变的.但中间部分可以是/ floor1/ floor2 / something/something/....

如何在路由模块中为其定义路由.

const routes: Routes = [
    {
        path: 'myhouse',
        children: [
            {
                path: ..., //here how do i configure it
                children: [
                    {
                        path: '/mirror',
                        component: MirrorComponent            
                    }
                ]
            }
        ]
    }
];
Run Code Online (Sandbox Code Playgroud)

如果url在url 的末尾有/ mirror,那么必须加载镜像组件,如果不加载login组件的话.将为上面显示的URL加载镜像.根据url的可变部分,每个镜像组件内部将具有不同的属性值.

对于登录组件,网址将如下:

HTTP://本地主机/的MyHouse

要么

HTTP://本地主机/的MyHouse/floor1

要么

HTTP://本地主机/的MyHouse/floor1/bathroom1

我试过想使用正则表达式,但似乎新版本的angular2不支持正则表达式.如果我错误地无法使用正则表达式,请通过示例向我指出这个方向.如果没有,请指出我正确的方向.

angular2-routing routeconfig angular2-router angular

4
推荐指数
1
解决办法
9194
查看次数