angular学习笔记

8.0 升级 9.1:https://update.angular.io/?v=8.0-9.1

对于通过路由器延迟加载的模块,请确保您正在使用动态导入。在 v9 中删除了通过字符串导入。ng update 会自动处理。

angular 服务

注入 HeroService

往构造函数中添加一个私有的 heroService,其类型为 HeroService

src/app/heroes/heroes.component.ts

constructor(private heroService: HeroService) {}

这个参数同时做了两件事:
1. 声明了一个私有 heroService 属性,
2. 把它标记为一个 HeroService 的注入点。

当 Angular 创建 HeroesComponent 时,依赖注入系统就会把这个 heroService 参数设置为 HeroService 的单例对象。

路由

路由的事件如下:

路由器事件 说明
NavigationStart 本事件会在导航开始时触发
RouteConfigLoadStart 本事件会在 Router 惰性加载 某个路由配置之前触发
RouteConfigLoadEnd 本事件会在惰性加载了某个路由后触发
RoutesRecognized 本事件会在路由器解析完 URL,并识别出了相应的路由时触发
GuardsCheckStart 本事件会在路由器开始 Guard 阶段之前触发。
ChildActivationStart 本事件会在路由器开始激活路由的子路由时触发。
ActivationStart 本事件会在路由器开始激活某个路由时触发。
GuardsCheckEnd 本事件会在路由器成功完成了 Guard 阶段时触发。
ResolveStart 本事件会在 Router 开始解析(Resolve)阶段时触发。
ResolveEnd 本事件会在路由器成功完成了路由的解析(Resolve)阶段时触发。
ChildActivationEnd 本事件会在路由器激活了路由的子路由时触发。
ActivationEnd 本事件会在路由器激活了某个路由时触发。
NavigationEnd 本事件会在导航成功结束之后触发。
NavigationCancel 本事件会在导航被取消之后触发。 这可能是因为在导航期间某个路由守卫返回了 false。
NavigationError 这个事件会在导航由于意料之外的错误而失败时触发。
Scroll 本事件代表一个滚动事件。

原文地址:https://www.cnblogs.com/sameen/p/14339829.html