![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Angular
文章平均质量分 96
一棵开花的树,枝芽无限靠近你
学习使我快乐!
展开
-
Angular学习笔记八之HttpClientModule
是用来处理http请求的服务。使用时需要在根模块中引入并注册这个模块。原创 2023-06-17 19:33:01 · 398 阅读 · 0 评论 -
Angular学习笔记七之RxJs
RxJs是一个专门用来处理异步操作的JavaScript库。可以将RxJs想象成面向事件的Lodash。RxJs库是以纯函数为基础的,因此特性强大、功能稳定。RxJs库拥有一整套在可观察者对象中控制事件流的算子,可以在事件流的各个阶段实现监听和控制。原创 2023-06-14 11:52:11 · 905 阅读 · 0 评论 -
Angular学习笔记六之路由
使用到该路由守卫的组件类中应该定义一个名称相同的方法,用来告诉路由守卫能不能离开当前页面,在路由守卫中调用这个方法来决定返回值是什么。路由模块懒加载可以实现用户首次请求应用的时候只请求根模块,其他模块等用户访问的时候再加载,优化用户体验。一个路由可以应用多个守卫,所有守卫都允许,路由才可以访问。是一个接口,我们需要自定义一个路由守卫类,路由守卫类要实现这个接口。中,定义子级路由的跳转链接并且给子级路由定义路由插座。路由守卫会告诉路由是否允许导航到请求的路由。在定义路由的时候,通过路由的。原创 2023-05-31 14:02:29 · 906 阅读 · 0 评论 -
Angular学习笔记五之表单
自定义验证器有如下几条规则自定义验证器是一个TypeScript类类中包含具体的验证方法,验证方法必须为静态方式,使用static修饰验证方法接受一个参数control,类型为,就是类的实例对象的类型。如果验证成功,返回null如果验证失败,返回一个对象,key为验证标识,value为true,表示该项验证失败验证器是一个ts类,所以要定义到一个.ts文件里面接收的参数类型是返回的参数类型是方法名和标识名保持一致这个类需要被组件引入,所以需要使用export导出import {原创 2023-05-16 17:18:14 · 453 阅读 · 0 评论 -
Angular学习笔记四之依赖注入与服务
在这段代码中,Car类里有一个私有属性engine,是Engine类的实例对象,此时这个属性的创建过程就会严重依赖Engine类的定义,如果Engine类需要接受的参数个数或类型发生改变,就需要立马修改engine属性的创建代码,代码的耦合度过高。在类的外部创建engine,这样Car类就不要管engine的传参问题,就不需要与Engine类耦合了。对象的创建过程Angular内部已经帮我们实现好了,所以我们在使用服务时,不需要再次创建,只要在的参数列表中声明并且使用变量接收即可。原创 2023-05-04 17:25:15 · 181 阅读 · 0 评论 -
Angular学习笔记三之管道Pipe、组件通讯与生命周期
终端输出:会创建一个管道的类文件:并且,在根组件中自动引入和声明这个管道。管道也必须包含在某一个模块中,如果需要再组件中使用管道,就必须在模块中引入并声明。在管道类中书写我们需要的逻辑,在这里进行一个简单的字符串拼接import {@ Pipe({// 管道运行的时候就会执行这个方法 // value: 要处理的数据 // ...args: 参数列表 transform(value : string , ... args : string [ ]) : unknown {原创 2023-04-25 21:52:18 · 272 阅读 · 0 评论 -
Angular学习笔记二之组件模版与指令Directive
创建自定义指令使用Angular-cli提供的命令:Angular会在相应的位置创建一个ts文件,并且在根模块中引入这个指令import {selector : '[appDirectiveDemo1]' // 通过属性的方式使用 }) export class DirectiveDemo1Directive {} }根模块:指令跟组件一样,必须属于某一个模块才能正常工作使用自定义指令< div appDirectiveDemo1 > 使用自定义指令 </ div ></原创 2023-04-21 09:59:45 · 231 阅读 · 0 评论 -
Angular学习笔记一之项目构建与模块创建
Angular是三大框架之一,是最早开始出现并流行的框架。它是使用HTML、CSS、TypeScript编写的一个重量级框架,为大型应用开发而设计。使用Angular开发出来的客户端应用是高度模块化的。Angular提供了cli工具,组件和模块都可以使用cli工具提供的命令行来创建。Angular对于状态管理是相当到位的,可以轻松实现组件之间的数据共享。原创 2023-04-18 11:35:11 · 2150 阅读 · 0 评论