Angular 8-导航到组件，然后刷新窗口

Angular是一种流行的前端开发框架，用于构建单页应用程序。Angular 8是Angular框架的一个版本，它引入了许多新功能和改进。

要导航到组件并刷新窗口，可以使用Angular的路由功能。路由允许我们在不刷新整个页面的情况下导航到不同的组件。

首先，我们需要在Angular应用程序中设置路由。这可以通过在app.module.ts文件中导入RouterModule和Routes模块来完成。然后，我们可以定义一个路由数组，其中包含我们想要导航的路径和相应的组件。

例如，我们可以在app.module.ts文件中设置以下路由：

import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
import { HomeComponent } from './home.component';
import { AboutComponent } from './about.component';

const routes: Routes = [
  { path: 'home', component: HomeComponent },
  { path: 'about', component: AboutComponent }
];

@NgModule({
  imports: [RouterModule.forRoot(routes)],
  exports: [RouterModule]
})
export class AppRoutingModule { }

在上面的代码中，我们定义了两个路由：'home'和'about'，分别对应HomeComponent和AboutComponent。

接下来，我们需要在应用程序的模板中添加一个导航菜单，以便用户可以点击导航到不同的组件。这可以通过在app.component.html文件中添加以下代码来完成：

<nav>
  <a routerLink="/home">Home</a>
  <a routerLink="/about">About</a>
</nav>
<router-outlet></router-outlet>

在上面的代码中，我们使用routerLink指令将导航链接到相应的路径。

最后，我们需要在应用程序的根组件中添加一个<router-outlet>标记，以便Angular可以根据当前的路由显示相应的组件。

现在，当用户点击导航菜单中的链接时，Angular将自动导航到相应的组件，并在不刷新整个页面的情况下更新视图。

关于刷新窗口的问题，Angular通常是一个单页应用程序，它使用AJAX和路由来实现页面的无刷新加载。因此，刷新整个窗口可能会导致应用程序重新加载，并丢失当前的状态。如果确实需要刷新窗口，可以使用JavaScript的location对象的reload()方法来实现。

综上所述，通过使用Angular的路由功能，我们可以实现导航到组件并刷新窗口的需求。如果您想了解更多关于Angular的路由功能的详细信息，可以查看腾讯云的Angular产品文档：Angular 路由。