![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
angular
文章平均质量分 87
什么香香脆脆我们最爱
这个作者很懒,什么都没留下…
展开
-
茅台和节流防抖
从茅台抢购阐述 节流和防抖的区别,以angular + rxjs为代码实现原创 2022-04-10 15:32:11 · 529 阅读 · 1 评论 -
angular rxjs
1.ReactiveX 是一个使用可观察数据流的异步编程库 (响应式编程)RxJs 是 ReactiveX 在 Js 上的实现。2. 2种编程范式响应式编程: 数据生产者,主动推送(push) 数据给 数据消费者,数据消费者 被动接受函数式编程: 数据消费者 从 数据生产者那里, 主动拉取/主动轮训 (pull)数据参考文章-响应式编程我们描述了两种获得上一个任务执行结果的...原创 2020-05-23 14:37:06 · 682 阅读 · 2 评论 -
angular zone
1. what 在 angular 组件的生命周期 这篇文章里面,提到了3种情况下 ng需要被通知更新view,而通知ng去更新的就是 Zones 。2. zones.js zo...原创 2019-09-18 23:45:46 · 410 阅读 · 0 评论 -
angular 的单向数据流
1.what 当B组件从接口到拿到新数据,然后把新数据渲染到 view上。这个过程会触发B组件的变更检测,同时也会沿着组件树,从上而下 触发B组件的所有直系非直系 子组件的变更检测。 ...原创 2019-09-17 22:18:20 · 782 阅读 · 0 评论 -
angular 父子组件通信
1 . 子 -> 父 1.1 子组件获取父组件的属性: @Input 1.2 子组件修改父组件的属性: 子组件使用@Outpt, 让父组件修改父组件...原创 2019-09-17 17:30:52 · 365 阅读 · 1 评论 -
angular 组件的生命周期
1. 有输入属性的 子组件1 新建一个(没有输入属性的)组件,该组件的生命周期是:1.2 更新时,触发的声明周期1.3 销毁2. 有输入属性的 子组件1 新建一个(有输入属性的)组件,该组件的生命周期是:. 2.2 更新① 如果输入属性的值没有发生变更, 同1.2② 输入属性的值发生变更2.3 销毁( 同1.3 )3. 整理:3.1. OnInit,Aft...原创 2019-09-18 00:01:24 · 595 阅读 · 0 评论 -
angular 编译错误, 提示组件成员 private 错误
0. bug ① 在ng s -o 开发环境下正常 ②使用ng build --prod 以后报错1. angular的2种编译方式 ① ng build,ng serve...原创 2019-09-17 00:00:31 · 554 阅读 · 0 评论 -
angular + input框 文本自动全选 - 失效的问题解决
0.概括① 注意:代码中出现的 { static: false } 对象是 ng8版本的一种必须的写法,版本不同可忽略② 最终解决方案:就是把select() 放进 定时器里面,把select() 变成异步操作③ 原理: ngModel是异步的,未修改前的select() 是同步的,select() 发生在 ngmodel赋值之前。造成“select()无值可选”,从而导致全选失效④ ...原创 2019-09-04 23:29:53 · 908 阅读 · 0 评论 -
angular 服务详谈
一, 服务的简单使用0.概括主要是四步:创建,导入,声明(配置),注入1. 创建服务使用cli 命令: ng g s t1创建一个 名叫 t1 的服务2.导入(在需要使用该服务的组件内导入)3.声明(这步操作在使用命令行新建服务文件时,已经默认配置了。可以根据自己的需要进行修改)(ng6+ 版会这样,ng4则不会这样)4.注入(在需要使用该服务的组件的 构造器中导入)二, ...原创 2019-09-04 00:47:59 · 380 阅读 · 1 评论 -
angular 路由快照和 aggrid 结合后,导致aggrid 表头消失的问题
一,路由快照简述 1. angular的路由快照,简单的说,就是记录路由访问状态。比如当访问过A路由加载过A组件之后,再次访问A路由,A组件不会重新加载 (即不会重新渲染页面,不会重新请求接口)。 2.试用场景:① 类似浏览器的标签页,在A标签页面把页面...原创 2019-08-24 20:04:25 · 786 阅读 · 1 评论 -
ag-grid angular版Get Started教程踩坑
ag-gird官网简单介绍一下ag-grid: ①自称世界上最好的js数据表格实现方案,支持目前大部分主流框架,比如angular2+,anularjs1,vue,react等,同时也支持原生js。 ② 虽然官网说超过2,500家公司使用ag-Grid Enterprise。财富500强中 超过25%使用ag-Grid Enterprise。每月 超过500,000次下载。但...原创 2019-07-25 22:48:20 · 2148 阅读 · 0 评论 -
angular8 与7的不同
持续更新中:1. viewchild 需要2个参数了,如果按照以往的写法,vscode会给出提示:[ts] 应有 2 个参数,但获得 1 个。(alias) ViewChild(selector: string | Function | Type<any>, opts: { read?: any; static: boolean;}): anyimport V...原创 2019-07-25 00:39:37 · 2005 阅读 · 0 评论 -
浅谈 angular encapsulation 的三种使用方式
根据最新版的官网文档显示,encapsulation现在有4个属性值了:enum ViewEncapsulation { Emulated: 0 //default Native: 1 None: 2 ShadowDom: 3}基础用法://这是父组件的scss文件 h1{ color:red;}1.Emulated 默认项,样式有范围封装,父组件不...原创 2019-07-30 00:16:52 · 2825 阅读 · 0 评论 -
angular8 实现动态 加载组件
效果源码 业务场景:动态数据源的tab切换框(tab的个数、名称、里面的内容是 动态的)。场景说明: ① 用户通过前台交互, 增加/删除某一类型的tab标签页,② 将tab标签页的变化存储到后台③ 从后台拿到新的tab标签页数据以后,渲染为 tab切换框。(这里只讨论③...原创 2019-07-24 23:06:47 · 4802 阅读 · 2 评论