如何在angular2中更改为新路径时从视图中清除所有内容?

时间:2017-02-20 10:49:36

标签: angular angular-ui-router angular2-routing

所以我有一组导航按钮,当用户点击任何导航时,它们被定向到另一个页面,但是前一页面的视图显示的是用户已经看到的新页面的视图定向。

例如,假设我有2个按钮:

NMS - 当用户点击NMS时,会将其定向到/NMS页面 Informatics - 当用户转到/NMS页面时,他们会看到Informatics按钮。 ' /模块' - 当用户点击信息学按钮时,他们需要定向到modules页面,只显示模块视图,而不是信息学。

这是一个解释我的问题的人 http://plnkr.co/edit/WvvCDwIind2QQXY88lay?p=preview

我怎样才能做到这一点?

1 个答案:

答案 0 :(得分:0)

您只需要拥有主要router-outlet中的多条路线。

你现在拥有的是一个主router-outlet,其中包含另一个有2条路线的主router-outlet

由于您的第一个router-outlet正在呈现与路径相对应的视图,并且您告诉辅助{{1}}在多个视图之间切换,因此第一个插座的视图不会更改,因此您将仍然有你当前的问题。