angular - 如何深入了解两个出口？

Question

我想生成的 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))

Answer 1

尝试

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

我认为您的错误是因为当您调用方法时，以您正在做的方式导航是显示处于同一级别（深）的网点，