如何使用* ngIf和url路径更改页面上显示的内容

Question

我在angular4上有一个页面，我想根据所发现的网址更改使用* ngIf显示的div内容。

因此，如果url是主页，它应该隐藏一个特定的div并让另一个显示

如果url是关于它应该显示一个特定的div并隐藏另一个

谢谢你们..任何想法都会受到赞赏 感谢

Answer 1

首先，您应该从http参数获取Url参数，并将它们分配到ts文件中的变量中。 现在在当前的html页面（组件）中，执行* ngIf来检查该变量是否= ='about'或者你想要什么。 并且要在html页面上实现它，你可以做这样的事情 div * ngIf =“{{variable}} =='about'”;来自家庭网页; 变量=约时显示的内容.. 下面 来自主页的内容..

Answer 2

基于网址的内容更改最好通过路由...

完成

仅对于参数化路线，您应该使用自定义逻辑使用ngIf显示/隐藏内容（根据从ActivatedRoute对象检索的参数）