Angular中如何区分使用navigateByUrl与navigate进行路由跳转？

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

本章节向读者介绍Angular Router中的navigateByUrl与navigate方法。首先，让我们看看官方文档中对navigateByUrl和navigate的介绍。

navigateByUrl方法允许你通过URL导航到新的视图。它接受一个字符串参数，该参数是目标视图的完整URL。navigate方法允许你通过组件引用导航到新的视图。它接受一个ComponentReference对象，该对象包含目标组件的引用。

接下来，我们将进入实战，了解这两个方法的使用方法。

本篇文章给大家介绍一下Angular Router路由跳转中的navigateByUrl与navigate，看看navigate()和navigateByUrl()的使用方法。

开始进入实战前，我们先来看下官方文档中对navigateByUrl、navigate的介绍。

navigateByUrl() ：

定义：基于所提供的 URL 进行导航，必须使用绝对路径
参数：url（string | UrlReee ）、extras（一个包含一组属性的对象，它会修改导航策略）
返回值：返回一个Promise。当导航成功时，它会解析成true；导航失败或者出错时，它会解析成false

ps：对于navigateByUrl的用法和定义官方已经交代的很清楚了。但是，如果我们对其中的定义绝对路径和相对路径的概念有点记忆模糊了，那么，我，直接给出例子，就不麻烦小宝贝们再去找度娘了，谁让我贴心呐

E:\mySoft\Git\bin // 绝对路径。从盘符开始 Git\bin // 相对路径。