如何深入浏览两个网点?

时间:2018-09-10 12:11:38

标签: angular angular-routing angular-router angular-routerlink

我要生成的URL是:
http:// localhost:8000 / Home /(fooOutlet:foo /(barOutlet:bar))

我有一个名为“ Foo”的路由器插座,它包含一个名为“ Bar”的路由器插座。
如何在Bar中显示组件?
我创建了下面的代码,但没有成功:

this._router.navigate([{ outlets: { fooOutlet: 'foo', barOutlet: 'bar' } }], );
this._router.navigate([{ outlets: [{ fooOutlet: 'foo' }, { barOutlet: 'bar' }] }]);

它给了我这个

  

(fooOutlet:foo // barOutlet:bar)

但是我需要:

  

(fooOutlet:foo /(barOutlet:bar))

1 个答案:

答案 0 :(得分:0)

尝试

this._router.navigate([{ outlets: { fooOutlet: 'foo'} },{ outlets: { barOutlet: 'bar'} }] );

我认为您的错误是因为,当您调用该方法时,以您正在做的方式导航是显示处于同一级别(深)的插座,