Angular中href和routerLink之间的任何差异或相似性

Question

这是我的navbar.html

<ul class="white">
      <li><a href="/signup">Signup</a></li>
      <li><a href="/challange">Create Challange</a></li>
      <li><a href="/feed">News Feed</a></li>
    </ul>

这是我的app.component.html

<app-navbar></app-navbar>
<router-outlet></router-outlet>

点击每个菜单链接，即使我在localhost中运行此代码，也感觉它正在加载整个页面。但是，我看到很多角度项目页面没有完全加载只是改变那个url。

我的问题，此问题是从href到达的？ 我应该使用roouterLink来解决这个问题吗？

Answer 1

在角度中，您可以定义不同的states，然后路由到/呈现这些状态（使用ui-sref与简单href中的html相比），而无需重新加载页面。只有url才会发生变化。详细了解ui-router here和here

检查此fiddle以获取演示代码

Answer 2

routerLink：

• 这是angular2 +中的指令
• 导航到“新网址”，并且无需重新加载页面即可呈现该组件以代替routeroutlet

参考：

• 它是标签的属性
• html锚标记属性可导航到另一个页面并重新加载整个应用程序