Angular
jhon哥
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
@Inject与@Injectable
在Angular框架中,经常会使用到@Inject与@Injectable这两个装饰器。它们与框架的依赖注入系统息息相关。什么是Angular InjectorInjector,注入器。主要工作是否负责注入向服务与组件、指令等注入依赖。Injector主要通过Angular provider中的token进行查找需要注入的依赖。Angular Provider中提供了依赖的相关信息,比如token,创建实例的方式等。Injector通过这些信息进行创建实例,并负责把实例注入到服务、组件、指令中。原创 2021-02-02 13:34:37 · 5456 阅读 · 0 评论 -
在Angular中通过Subject进行组件之间通讯
Subject既可以当sender也可以自我subscribe,并且可以被多个订阅者订阅。在Angular中,我们可以通过创建一个服务来为不同的组件之间提供通讯服务。而通讯的实现就是通过Subject。第一步创建服务:import { Injectable,OnInit } from '@angular/core';import { Subject } from 'rxjs/Sub...原创 2020-03-08 18:02:25 · 984 阅读 · 0 评论 -
前端项目中常用到的指令汇总--持续更新
一、button中的点击事件节流需求:避免用户在持续单击按钮的时候不断触发绑定的函数调用,节约资源。方法:通过指令的方式赋予button新的click行为特定。注意:采用订阅的方式要注意在销毁的时候及时取消订阅。大致流程如下1、创建指令2、@HostListener中监听click事件,并将事件作为observable发出3、订阅发出的click事件,并且debounc...原创 2020-03-08 17:29:51 · 501 阅读 · 0 评论 -
Angular第二路由named outlet在懒加载中的bug解决方案
第二路由,named outlet,也叫命名路由。一个template中只允许有一个无名主路由与多个named outlet。named outlet一般用来做弹框,弹窗使用,弹框只有手动关闭才能关闭,否则即使页面切换,页面中仍然会有弹窗存在。接下来介绍一个在懒加载模块中的第二路由的使用,在使用过程中会发现一个bug以及如何避免该bug。 创建一个新的模块,该模块在app模块中通过懒加载...原创 2020-02-23 23:26:25 · 483 阅读 · 0 评论 -
RxJS在Angular中的实战例子
一、输入框的联想输入要求:从输入中监听数据。(从keydown事件中获取事件宿主输入框中的值) 移除输入值中的前后空白符,并且长度符合要求 防抖(keyup时发送请求,这也会导致每敲一次键盘都会发出一次请求,如何优化?) 如果输入值没发生变化,则不用发出请求 如果已发出的ajax请求结果会因为后续的修改而变得无效,那就取消它开发环境主要信息:Angular5.x; RXJS:...原创 2020-02-23 21:48:15 · 788 阅读 · 0 评论 -
Angular paramMap、queryParamMap、snapShot该如何应用?
本文转载自:http://blog.tcs-y.com/2019/03/28/ng2-router-paramMap-queryParamMap/使用angular的router.navigate()方法进行跳转页面的时候,我们传值的方式有两种:使用链接参数数组:router.navigate(['/a', {code: '123'}])。构造的链接为/a;code=123. 使用查询参...转载 2019-08-05 19:37:54 · 4189 阅读 · 0 评论 -
Angular路由与项目结构的关系
1、项目结构决定路由配置Angular项目如何定义路由?我的一个做法是先确定项目的特性目录,即分清楚各个模块及其子模块,每个模块中的父子组件关系。理清模块(module)、模版(template)、组件(component)。模版提供插口router-outlet用于命中路由之后接入路由指向的页面。路由一般按照module组织,即一个module配一个路由模块(router module)。...原创 2019-08-05 19:33:22 · 266 阅读 · 0 评论 -
ng-zorro源码解读--属性装饰器
属性装饰器属性装饰器表达式会在运行时当做函数被调用,传入的参数有两个:1、对于静态成员来说是类的构造函数,对于实例是类的原型对象2、属性名称该方法应该返回一个函数,函数有两个上述的参数,并且在返回的函数中添加修改逻辑,如@PropertyDecorator('value') prop;function PropertyDecorator(value){ retur...原创 2019-06-26 18:20:04 · 2845 阅读 · 2 评论 -
前端装饰器
1、javascript中的装饰器装饰器是对类、方法、属性的修饰,增加额外的行为。装饰器不侵入,所以对原先的内容不会破坏。装饰器可以理解成一种解决问题的通用思路,装饰器模式遇到程序之后诞生了多种多样的表现形式。javascript也引入了装饰器这一实验内容,在typescript中已经有使用的案例。这篇博客记录方法的装饰器,先梳理下装饰器的思路。比如有一个run方法,原先的run方法只是简...原创 2019-06-04 00:11:50 · 1037 阅读 · 0 评论 -
@Inject与InjectionToken的使用
DI依赖注入是一种编码模式,构造函数中的参数通过注入器获取不需要自己创建。@Inject是参数修饰符,表示该参数是通过注入的方式获取。通过一段代码表示依赖注入与@Inject的使用有A类,B类,B类依赖类A:class A{ name:string; age:Number; constructor(n:string, a:number){ this.name = n;...原创 2019-06-25 20:17:58 · 4377 阅读 · 2 评论
分享