angular
Altaba
技能尽如人意,但求无愧于心
展开
-
关于 Angular—OnPush策略的变更检测
关于 Angular—OnPush策略的变更检测当组件通过在@Component中添加 changeDetection: ChangeDetectionStrategy.OnPush,变更检测的变化:#####不会触发的情况:请求服务端数据,如xmlHttpRequest 回调中修改数据,不会触发变更检测,后续的该数据触发数据渲染也会延迟一步定时事件,比如setTimeout,se...原创 2019-11-06 20:41:59 · 1197 阅读 · 0 评论 -
iconfont 字体图标 angular 封装引用 font-class引用和symbol引用
hello,大家好,欢迎来到Altaba的博客先来讲解 symbol引用最新项目中,要用到彩色字体图标 做表情,故在项目中使用了阿里巴巴的iconfont 按照官网的使用方式如下:angular中顺序是:第一步:建议使用本地symbol代码(1)下载好iconfont网站的图标,解压,将iconfont.js 放到 assets目录下,可以自己建一个font文件夹存放这个文件;(2)...原创 2019-10-29 17:05:21 · 1430 阅读 · 2 评论 -
angular6 项目的创建(1)
欢迎来到Altaba的博客,2018年8月3日 跟随公司前端框架升级,借此平台分享angular6学习心得,不求绝对正确,但求上传皆为耐心测试过原创 2018-08-10 09:30:15 · 473 阅读 · 0 评论 -
angular6 数组遍历项进行双向绑定 丢失焦点 问题解决
欢迎来到Altaba的博客学习angular6,漫长并充实的过程,今日发现一个问题数组['aaa','bbb','ccc']遍历后,每个项都和input进行双向绑定,为什么改变input值,这个数组里面的项(值变量)不改变;如果是[{a:'aaa'},{b:'bbb'},{c:'ccc'}],这样的项(引用型变量)遍历后每个项进行双向绑定就可以实现表单改变项的值,数组也改变办法总比困难...原创 2018-11-14 22:25:36 · 2610 阅读 · 3 评论 -
angular 组件样式覆盖方式 angular2+
#angular自定义组件样式及修改第三方组件样式文章内容技术介绍修改方式技术介绍想要修改angular2+ 组件内部样式,先需要了解Angular 的 ViewEncapsulation,即封装模式,主要分为三种Native 原先浏览器 Shadow DOM 行为Emulated 仿真模式,通过 Angular 来模拟类似 Shadow DOM 的行为,angu...原创 2018-12-18 15:37:18 · 3495 阅读 · 0 评论 -
Angular2+ 及 typescript 日常开发问题及技巧总结
Angular2+ 及 typescript 日程开发总结1、for in 判断是否有某个属性for (const fieldName of Object.keys(myObject)) {}// fieldName 为属性名称,myObject为你想判断的对象2、[(ngModel)] 和 (ngModelChange)html中书写顺序导致的ngModelChange($event...原创 2019-01-11 11:09:15 · 644 阅读 · 0 评论 -
HTML attribute 和 DOM property 关系与区别
欢迎来到Altaba的博客,20190115日常开发中使用到angular Renderer2渲染器,Renderer2有setAttribute() 和 setProperty() 两个修改元素属性的方法,官网并未对此做对比。发现setAttribute()方法在某些情况下无法修改radio的checked属性,顾花了一些时间研究了下HTML attribute 和 DOM property...原创 2019-01-15 23:23:43 · 693 阅读 · 0 评论