Angular中navigate()和navigateByUrl()的使用区别有哪些具体应用场景？

本文共计4639个文字，预计阅读时间需要19分钟。

Angular应用的核心是路由，本章深入解析了Angular Router，并详细介绍了navigate()和navigateByUrl()的用法及区别。

路由是Angular应用程序的核心，本篇文章带大家了解一下Angular Router，详细介绍一下navigate()和navigateByUrl()用法的区别。

路由是 Angular 应用程序的核心，它加载与所请求路由相关联的组件，以及获取特定路由的相关数据。这允许我们通过控制不同的路由，获取不同的数据，从而渲染不同的页面。

Installing the router

首先第一件事，我们需要安装 Angular Router。你可以通过运行以下任一操作来执行此操作：

yarn add @angular/router # OR npm i --save @angular/router

以上命令执行后，将会自动下载 @angular/router 模块到 node_modules 文件夹中。

Base href

我们需要做的最后一件事，是将 <base> 标签添加到我们的 index.html 文件中。路由需要根据这个来确定应用程序的根目录。例如，当我们转到 example.com/page1 时，如果我们没有定义应用程序的基础路径，路由将无法知道我们的应用的托管地址是 example.com 还是 example.com/page1 。