带有参数的Angular2辅助路线

托默·阿尔莫格

我正在构建一个具有辅助路由的Angular2应用。我正在使用此插件(http://plnkr.co/edit/jZv8jj?p=preview)帮助我进行设置,但是我需要将参数传递给aux链接。我怎么做?(注意:本示例使用旧的哈希路由,我使用的是新的html5,但在任何一种方法中均不起作用)。

@Component({
    selector: 'basic-routing',
    template: `<a [router-link]="['/Home']">Home</a>
              <a [router-link]="['/ProductDetail']">Product Details</a>
              <router-outlet></router-outlet>
              <router-outlet name="chat"></router-outlet>
              <a href="./#/(chat)">Chat</a>`,
    directives: [ ROUTER_DIRECTIVES]
})
@RouteConfig([
    {path: '/',        component: HomeComponent, as: 'Home'},
    {path: '/product', component: ProductDetailComponent, as: 'ProductDetail'  },
    new AuxRoute({path: '/chat', component: ChatComponent, as: 'Chat'})
])
托默·阿尔莫格

好的,我知道了...我不确定这是正确的方法,但是当我从辅助路径中删除参数时,即:

{aux:'/memory', name: 'Memory',   component: MemoryComponent}

代替

{aux:'/memory/:id', name: 'Memory',   component: MemoryComponent}

工作正常!

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Angular2中带有可选参数的依赖注入

来自分类Dev

Angular2监视路线更改

来自分类Dev

带有参数的Angular2 DynamicComponentLoader

来自分类Dev

Angular2路线参数需要数据类型

来自分类Dev

带有Angular2的非SPA

来自分类Dev

Angular2获取路线图

来自分类Dev

Suave中带有可选参数的路线

来自分类Dev

带有实时和WebSockets的Angular2 + Laravel

来自分类Dev

angular2 rxjs过滤带有输入文本的线程

来自分类Dev

如何使用angular2中的链接参数数组从子组件导航到上级路线?

来自分类Dev

angular2:带有模板的服务?

来自分类Dev

Angular2 RC和动态路线

来自分类Dev

Typescript中带有angular2的对象类型的数组

来自分类Dev

Angular2命名路线

来自分类Dev

Angular2中路线中的常量参数

来自分类Dev

Angular2组件不会针对参数化路线重新初始化

来自分类Dev

Angular2:将多层对象作为路线参数传递

来自分类Dev

Angular2路由器可以激活,带有参数吗?

来自分类Dev

如何在angular2 RC5中获取路线参数

来自分类Dev

将动态参数添加到angular2 +路线

来自分类Dev

带有Mat-tab-nav-bar的Angular 2+导航-辅助功能

来自分类Dev

带有参数的Rails中更好的路线

来自分类Dev

Angular2:子路线

来自分类Dev

Angular2 http获取带有Observables和动态url参数的请求。如何?

来自分类Dev

带有routerLink的兄弟姐妹之间的Angular 2辅助路由

来自分类Dev

Angular2延迟加载路线问题

来自分类Dev

Angular2路由配置(带有两个参数的路由)

来自分类Dev

带有 Angular2 图像的 Ngif

来自分类Dev

带有附加 url 的 angular2 路由参数