我正在尝试创建三个组件，可以使用顶部的导航栏在它们之间进行切换。当我点击导航栏切换到不同的组件时，我希望导航栏在顶部保持静止而不重新加载，只加载新组件。
我已经尝试了一些导航栏教程，例如：https : //www.w3schools.com/css/tryit.asp?filename=trycss_navbar_horizontal_black
我也试过使用“？” 在3个组件的路径中，例如path: 'toplevel?component1'
我尝试的一切仍然会重新加载整个页面。有没有办法让导航栏像这样在两个组件之间保持静态？
你有两种方法来解决这个问题：
1.正确的方法（使用路由）： https : //angular.io/guide/router
2.一个简单的方法：
TS：
class SimpleComponent {
value: number;
}
HTML
<component-0 *ngIf="value === 0"></component-0>
<component-1 *ngIf="value === 1"></component-1>
<component-2 *ngIf="value === 2"></component-2>
你也可以使用 ngSwitch。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句