angular - 为什么使用 href 而不是使用 Angular 2+ 的 routerLink 时链接加载速度如此之慢？

Question

我正在使用 Angular 2 构建一个使用路由的 Web 应用程序。因为我是 Angular 的新手，所以我曾经使用 href 属性链接到另一个组件，如下所示:

<a href="localhost:4200/database/seed/1">link</a>

这可行，但这种方法也会使组件需要 3 秒半的时间来加载!

当我以 routerLink 方式执行此操作时，如下所示:

<a [routerLink]="['/database/seed/',1]">link</a>

加载时间不到半秒。 我想知道为什么会这样，两种方法基本上做同样的事情。他们链接到另一个页面。谁能解释一下加载速度差异的原因是什么？谢谢

Answer 1

使用 href 会导致整个网站重新加载。

当您使用 Angular 的 router 时，不需要重新加载基础组件(index.html、styles.css、app.component.html 等)。