angular
ykyexin
闲云潭影日悠悠,物换星移几度秋。
展开
-
angular动态隐藏和添加元素
需求:在指定大小的div内,展示标签,超出范围的标签需要隐藏,并以省略号代替。因每个标签的长度不定,所以可展示的最大标签数也不定。效果如下:问题:1.隐藏多余的标签;2.添加省略号;方案:1.判断当前标签是否超出范围,如果超出,通过ElementRef将其隐藏; 2.通过Renderer2渲染新创建的元素; 可将这些逻辑封装到指令中,具体代码如下:<d...原创 2018-05-25 15:27:31 · 5378 阅读 · 0 评论 -
【问题集】angular-cli from css to scss
这两天打算用最新的angular6来重构im,所以angular-cli也顺带升级到了6.0.1版本。创建新项目时顺手就用了以下这条命令:ng new project-name然后就发现项目默认的样式是css,而我想用的是scss。怎么办?当然我可以粗暴的删除项目,然后重新创建:ng new project-name --style=scss可是我不想删除,有没有其他办法呢?有!手动修改angul...原创 2018-05-15 15:31:22 · 603 阅读 · 0 评论 -
几款流行的angular组件库
material2https://github.com/angular/material2NGX Bootstrap https://github.com/valor-software/ngx-bootstrap 3. PrimeNG https://github.com/primefaces/primeng 4. NG Bootstrap ht...原创 2018-05-15 17:51:17 · 14794 阅读 · 0 评论 -
angular innerHtml内容增加样式
问题:使用innerHtml属性赋值一段html片段时,片段中的样式css会被忽略。解决:可使用DomSanitizer将其转化一下。这里定义了一个pipe,具体如下:import { Pipe, PipeTransform } from "@angular/core";import { DomSanitizer } from '@angular/platform-browser';// h...原创 2018-05-30 13:51:38 · 5902 阅读 · 1 评论 -
可观察对象在input中的使用
使用场景:根据input输入内容,实时查询api接口。 思路流程:通常对于输入内容做以下一系列操作:1.监听input输入值;2.去除输入值两端空格键,判断是否满足最小输入长度;3.debounce.即不是在每次击键时发送api请求,而是等待击键的中断;4.输入值相同时不发送api请求;5如果更新后的结果无效,则取消正在进行的ajax请求; 例子:...原创 2018-08-03 15:28:48 · 193 阅读 · 0 评论 -
【问题集】div滚动时,里面的ng-zorro date-picker控件面板脱离
【需求】页面数据过滤时有时间选项,以下拉框的形式给定几个常用值以及自定义选项,自定义时间选择使用的是ng-zorro date-picker控件;【问题】当承载的div 内容过长时,会出现滚动,而此时展开的时间面板会与标题位置脱离,不会随页面滚动重新定位;【解决办法】在出现滚动的div上增加cdk-scrollable。 参考:https://github.com/angular/m...原创 2018-12-26 12:01:27 · 839 阅读 · 0 评论