随笔分类 - Angular
摘要：Angular 如何判断图片是否加载完成
阅读全文
摘要：方法一 - renderer2.listen const listenerHost = document.querySelector("app-location-flyout"); console.log(listenerHost); this.renderer2.listen(listenerHo
阅读全文
摘要：每一个spect （it）的命名 [component name/ service name]-[function name]-[branch] 运行每一个spect 的生命周期顺序 Constructor => ngOnInit => 再走case 里面的内容 after each -> ngOn
阅读全文
摘要：Angular Router ActivatedRoute ActivateRouteSnapshot queryParams params queryParamsMap
阅读全文
摘要：项目中，有时我们会发现当我们通过修改地址栏中URL，比如改变访问的id，这时页面就会跳转到新请求的页面。那如果该页面的内容是当前用户无法看到的，对于后台来讲，如果链接的层级嵌套较深（即子路由层级很多， 那么后台想要阻止这种情况的权限认证是非常麻烦的，最好是通过前端路由拦截，让用户当手动修改浏览器URL或者点击前进后退操作时，系统直接跳转到登陆界面，以此逻辑来保证用户信息的安全性。
阅读全文
摘要：constructor ( private router: Router, ) {this.urlChangeSubscriptions = router.events.subscribe((param) => { if (param instanceof NavigationEnd) { const urls = param.url.split('/'); ...
阅读全文
摘要：在Angular中可以自定义带参数的管道；只要遵循下面三条规则： 如下： 同时，Angular中，pipe分为 pure pipe (纯管道) 和 impure pipe (非纯管道)。纯管道和非纯管道是相对于管道所传的参数（如上例的 filterKey）而言的。如果管道是纯管道，则管道的触发只会针
阅读全文
摘要：在Angular7中使用type=number 的input，并用ngModel去绑定input的值。但是发现当输入小数点符号或者输入负号符的时候，ngModel获取的值和显示的并不一致。 html code： ts code： private num: string; @ViewChild('ei
阅读全文
摘要：项目需求： 全局搜索 + 防抖 提高性能 技术： [(ngModel)] [(ngModelChange)] Rxjs( Subject) 代码展示： 具体实例 具有防抖和截流的第三方库： lodash underscore rxjs 个人对截流和防抖的理解： 防抖：当连续操作停止的时间超过规定的等
阅读全文
摘要：如何利用webpack打包的项目添加favicon呢？ 这里提供给大家两个方法： 1. 直接使用favicon.ico的Data URI 2. 利用webpack打包，然后访问build后的favicon.icon
阅读全文
摘要：Angular-cli创建的项目可以选择css的预处理scss作为style文件的默认预处理格式。scss可以设置变量，函数，同时使用继承，混入等方法达到更方便，通用的效果。 通常情况下，我们会设计一些通用的变量在各个地方使用，如何将通用变量的文件一次引入，全局使用呢？ 解决办法： 这个方法有问题，
阅读全文
摘要：Angular5 项目中遇到：当我在某一个组件的css文件中使用css类选择器去选择组件中的插件元素，发现选择器选择不到该插件元素。 经过google分析发现是组件中的一个属性在作祟： encapsulation. 默认情况下： angular组件对应的css只在该组件下起作用，对于不属于angul
阅读全文
摘要：下面有一个文档详细介绍Angular 中的事件列表： https://github.com/angular/angular/blob/master/packages/compiler/src/schema/dom_element_schema_registry.ts#L78。 星号代表的是事件 (n
阅读全文
摘要：通常，从服务器上请求图片，js文件或者response时，可能请求的内容很大，甚至达到几兆，几十兆的时候。此时，如果网络不好，那么加载速度是很慢的。这时，我们可能会想到要去压缩请求的内容。 我们一提到压缩，可能就会想到http请求压缩。 Accept-Encoding (在http request
阅读全文
摘要：直接在控制台中输入上面的一句话就可以得到你想要的
阅读全文
摘要：Angular6 + Typescript项目中用到了一个包含到jquery里面的插件 fontIconPicker https://github.com/fontIconPicker/fontIconPicker https://codeb.it/fonticonpicker/ 首先根据githu
阅读全文
摘要：在Angular CLI 创建的angular项目中，如何引入css文件呢？ 如果直接在index.html中引入，比如下面的代码 你将会得到如下错误 解决方法： 同理，引入assets 或者 js文件方法也类似。 "assets"属性里面设置引入的图片等；"styles"属性里面设置全局引入的 c
阅读全文
摘要：在typescript里面怎么使用require方法呢？ 如果什么都不做，直接在项目里面使用，会得到以下错误： 以下方法可以解决上面的错误： 那么为什么要做第二步呢？其实做不做第二步是要分情况的。想要解释这个问题我们就需要先了解 @types, typeRoots 和 types 三者是什么意思，它
阅读全文
浙公网安备 33010602011771号