Angular9 路由与导航

2020-07-08 11:58 更新

应用内导航:路由到视图

在单页面应用中,你可以通过显示或隐藏特定组件的显示部分来改变用户能看到的内容,而不用去服务器获取新页面。当用户执行应用任务时,他们要在你预定义的不同视图之间移动。要想在应用的单个页面中实现这种导航,你可以使用 Angular 的 Router(路由器)。

为了处理从一个视图到下一个视图之间的导航,你可以使用 Angular 的路由器。路由器会把浏览器 URL 解释成改变视图的操作指南,以完成导航。

要探索一个具备路由器主要功能的示例应用,请参见现场演练 / 下载范例。

先决条件 在创建路由之前,你应该熟悉以下内容:

  • 组件的基础知识

  • 模板的基础知识

  • 一个 Angular 应用,你可以使用 Angular CLI 生成一个基本的 Angular 应用。

有关这个现成应用的 Angular 简介,请参见快速上手。有关构建 Angular 应用的更深入体验,请参见英雄指南教程。两者都会指导你使用组件类和模板。

选择路由策略

你必须在开发项目的早期就选择一种路由策略,因为一旦该应用进入了生产阶段,你网站的访问者就会使用并依赖应用的这些 URL 引用。

几乎所有的 Angular 项目都会使用默认的 HTML 5 风格。它生成的 URL 更易于被用户理解,它也为将来做服务端渲染预留了空间。

在服务器端渲染指定的页面,是一项可以在该应用首次加载时大幅提升响应速度的技术。那些原本需要十秒甚至更长时间加载的应用,可以预先在服务端渲染好,并在少于一秒的时间内完整渲染在用户的设备上。

只有当应用的 URL 看起来像是标准的 Web URL,中间没有 hash(#)时,这个选项才能生效。

以上内容是否对您有帮助:
在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号