代码之家 › 专栏 › 技术社区 › Maurice

为什么在使用带有角度2+的href而不是routerLink时,链接加载速度会慢得多?

angular5 angular

Maurice · 技术社区 · 6 年前

我正在用angular 2构建一个使用路由的web应用程序。因为我是新来的角度,我以前用 href 这样的属性:

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

这是可行的,但是这种方法也使得组件需要3.5秒的时间来加载!

当我这么做的时候 routerLink 就像这样:

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

装载不到半秒钟。我想知道这是为什么,两种方法基本上做相同的事情。它们链接到另一页。有谁能解释一下装载速度不同的原因吗?谢谢你

2 回复 | 直到 6 年前

Woohoojin 6 年前

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

当你使用角度的 router ,基本组件不需要重新加载(index.html、styles.css、app.component.html等)。

Chellappan à®µ 6 年前

href公司 如果每次单击时都使用这种导航,则下载整个页面并重新初始化角形应用程序

当您在导航到页面时使用href时,如果您观察到它会出现闪烁,并且随着应用程序的增长,闪烁延迟将变长

如果每次单击“网络”选项卡时都检查它,则它将重新下载所有文件包含包。

路由器链接 当使用routerLink时,它将只下载页面的内容,而不会下载整个应用程序

推荐文章

Vimal · 用于用户名验证的JavaScript正则表达式

7 年前

user2024080 · 我如何防止我的表单在以后编辑?

7 年前

DiPix · 如何在Visual Studio中将Angular 5应用程序添加到解决方案中?

7 年前

Karl Johan Vallner · 如何将datatable寻呼机模板添加到Angular ngx datatable

7 年前

Ali Bedaer · 具有多个组件的角形5

7 年前

user8707389 · Angular 5侦听器或用于按钮禁用属性更改的指令

7 年前

3gwebtrain · 如何单独更新'BehaviorSubject'单个值

7 年前

Neto · 角度5-使用RouterUseStrategy时如何重新加载当前数据

7 年前

Lakshan Thilakarathne · Firebase 5 Angular 5 AngularFireList。snapshotChanges()错误

7 年前

Robby · 角度5构建生成main。以MB为单位进行捆绑,这会在生产中造成性能问题

7 年前