随笔分类 - angular 2 学习笔记
摘要:更新: 2020-12-26 找 history string git log -S search_value refer: https://stackoverflow.com/questions/4468361/search-all-of-git-history-for-a-string/4472
阅读全文
摘要:更新 : 2019-07-14 关于 mat-error 和 ErrorStateMatcher form-filed + mat-input + mat-error 是很常见的组合 默认的 error 交互体验是这样的. touched 表示用户 unblur 了 input, dirty 则是用
阅读全文
摘要:1. require('xx-xx') 不能用时 https://stackoverflow.com/questions/31173738/typescript-getting-error-ts2304-cannot-find-name-require 2.第三方 type 用不到时, 比如 ham
阅读全文
摘要:1. lazyload 的 path 变成相对路径了, 不过如果你用 ng update 的话, 依然可以不需要修改, cli config 好像能调支持绝对路径的写法. 2. 新的 providers 依赖注入机制 tree shakeable (可树摇) 从前我们通过在 module.provi
阅读全文
摘要:ng 是做前端开发的, 所以通常我们会配上一个 API server. 本地调试时通常使用 proxy https://github.com/angular/angular-cli/blob/master/docs/documentation/stories/proxy.md proxy.conf.
阅读全文
摘要:更新: 2021-01-20 在 version 11 的版本里, excludeFromOutsideClick 已经被拿掉了. 因为 ng mat team 认为这个接口太死板了, 干脆让开发者自己去实现. 今天遇到一个鸟问题, 之前我有用 overlay 做一个 small modal, 通过
阅读全文
摘要:更新 : 2019-06-29 自从 pwa 一推出开始玩了一把,一直到现在才真的有项目需求... 重新整理了一下. https://angular.io/guide/service-worker-getting-started 跟着 get start 走,基本上 3 个 command 就搞定了
阅读全文
摘要:Portal 的主要使用场景是 dynamic component 动态的插入模板或组件. Portal 可分为 2 种. 进入和出去 (in or out) ComponentPortal, TemplatePortal 属于第一种 in PortalOutlet 属性 out TemplateP
阅读全文
摘要:简单说就是 js 的 media query. 1. BreakpointObserver ng 还包装了一个 observe 方便我们监听 view port 的变化. 此外 ng 也依据 material 的标准提供了一个 enum 方便我们写匹配. 2. MediaMatcher 这个是底层服
阅读全文
摘要:使用 cdkObserveContent 能让我们监听到 ng-content 内部的变化. 比如某个值换了,或则某个 element 被移除了等等. 在 onpush 的情况下, 通常上面这种 ng-content 的设计, 我们会希望如果 content 改变了, 当前模板也 detechcha
阅读全文
摘要:更新 : 2019-11-29 在使用 focus monitor 的时候要小心, Expression has changed after it was checked 错误 原因是因为 focus monitor 监听的方式是 runOutsideAngular + list focus or
阅读全文
摘要:refer : https://github.com/angular/angular/issues/10929 https://stackoverflow.com/questions/41280471/how-to-implement-routereusestrategy-shoulddetach-
阅读全文
摘要:更新 2019-07-17 resolve 之后你再调用 resolve 外部是不会理会的, 这和 .next 不同 另外 resolve 也不等于 return; resolve 之后的代码依然会执行. Promise 是 ES 6 Async/Await 是 ES 7 Rxjs 是一个 js 库
阅读全文
摘要:更新 : 2019-03-22 以前以为 hammer 的触发顺序是 parent -> child 和我们常用的 js 冒泡相反 . 今天才知道原来 hammer 根本没有冒泡或者捕获的概念,你先绑定哪一个事件它就触发哪一个. 晕 ~ hammer 还有一个看上去好像 bug 的问题 如果我们起始
阅读全文
摘要:2020-06-03 原生 animation api vs angular animation vs css animation refer : https://css-tricks.com/myth-busting-css-animations-vs-javascript/ https://ww
阅读全文
摘要:更新 : 2017-06-17 angular 支持 interpolation {{ }} 你要在 target 去掉 interpolation 也是 ok 的. 说说真实项目中的场景. 除了这种能写在模板上的翻译,我们通常还有一些动态的翻译比如 sql 资料. 比如 : 我的做法是为每一个 m
阅读全文
摘要:refer : https://forums.meteor.com/t/importing-ckeditor-using-npm/28919/2 (ckeditor) https://github.com/angular/angular-cli/issues/3094 (jQuery) Ckedit
阅读全文
摘要:目前是 4.0.0-rc.2. 刚好有个小项目要开发,就直接拿它来试水啦. 更新 cli 到最新版, 创建项目, 然后 follow https://github.com/angular/angular/blob/master/CHANGELOG.md 升级去 4.0 遇到一个 error http
阅读全文
摘要:更新 2018-06-03 spy object 当组件或则服务有对其它服务依赖的时候,我们通常会把这些依赖写成 spy 或则叫 fake. 为什么这样做的呢 ? 主要的原因是我们不应该依赖具体的代码,假设具体的代码错了,我们这个服务也会跟着报错. 所以单元测试的 "单元",就是说我们必须把我们要测
阅读全文
摘要:更新 : 2018-01-10 大半年过去了依然没有做 server side render 的冲动,但是一直有关注这方便的做法. 今天领悟了一些道理, 这里做个记入. server side render 其实也不只是为了 SEO, 而且自从 Google 能渲染 js 之后更加不重要了. 其它使
阅读全文