![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
angular2.0
Miya_Ye
这个作者很懒,什么都没留下…
展开
-
Angular 2.0 实现的搜索框
样式么。。。抄的bootstrap-table的搜索框 .form-control { font-family: "Microsoft YaHei", Arial; font-size: 12px; width: 240px; border: 1px solid #dddddd; background: #ffffff; outline: n原创 2016-10-27 19:35:36 · 804 阅读 · 0 评论 -
angular2 的Pipe
做一个需求用到了管道,直接贴代码吧,很好理解 官网原文在这里 点击打开链接 使用的时候 {{period | OMPipe:"period"}} import { Pipe, PipeTransform } from '@angular/core'; @Pipe({name: 'OMpipe'}) export class OMpipe implements PipeTra原创 2017-01-17 09:50:06 · 1068 阅读 · 0 评论 -
本地存储LocalStorage
学习了张鑫旭老师的一篇博客 点击打开链接 讲本地存储,自己也试了下,感觉还能发挥更大用途啊~好好研究下, HTML main sub test() { this.warning = !this.warning; var storage = window.localStorage; storage.原创 2016-12-29 14:38:48 · 304 阅读 · 1 评论 -
巧用ngStyle改变样式
过来了一个需求,要求我之前写的搜索框的控件,要能适用不同的界面布局,刚好看到了一篇文章~官网里面的模板语法 点击打开链接 再把官网中的例子改改,这样使用者可以通过传入一组字符串动态的修改样式,适应UX的各种不同要求 setStyle() { if (this.customStyle === '') { return; } else { r原创 2016-12-27 10:38:43 · 4617 阅读 · 0 评论 -
遇到的下拉菜单兼容性问题~firefox和chrome
写代码遇到兼容性问题,chrome和firefox下的下拉菜单表现的不一样,前者刷出来会显示空白,然后下拉才会有选项,后者直接把第一个选项显示,这就来了一个问题,我要做的一个页面是要通过ngModelChange触发不同的页面显示,如果已经有值,而且是用户期望,用户不选择,就不会触发,换句话说,我就是希望一刷出来就是空白,用户下拉才出来选项~ 邮件发出来了也没有人理我,项目太忙了吧~连测试都原创 2016-11-25 15:33:01 · 4742 阅读 · 1 评论 -
RX响应式编程学习
其实代码中已经用到了很多地方~但是看到张工ppt给出的定义,我还是一脸懵啊,不是就是处理个异步数据么。。。看来我的理解还是很肤浅吧 ReactiveX是Reactive Extensions的缩写,一般简写为Rx,最初是LINQ的一个扩展,由微软团队开发。 微软给的定义是,Rx是一个函数库,让开发者可以利用可观察序列和LINQ风格查询操作符来编写异步和基于事件的程序,使用Rx,开发者可原创 2016-12-12 14:26:47 · 532 阅读 · 0 评论 -
Angular2.0实现的搜索框(重新按UX封装了样式)()
之前封成了个指令,本来想本模块自己用,后来别的同事也要用,干脆封装成一个模块,供外部调用 html less部分--这部分请穆兄指导了下,写的很精彩,学习了 .tableSearch { width: 240px; position: relative; float: right; } .inputPrime { border-radius: 2px;原创 2016-11-01 09:46:10 · 1351 阅读 · 0 评论 -
从子页面跳回父页面,保持父页面信息
来源于一个EC,测试提的,比如告警有很多页,取告警第二页的一个告警看详情(跳到子页),然后没有可以返回的地方,重新点击告警,直接刷新到第一页~~ 当时做的时候就觉得是很简单一个页面,没想到还要考虑这么多 解决方式: 1 上周我们找同事讨论的从url保存参数的方式,有些网站是这么做的,比如淘宝, 缺点:url暴露了很多不必要的参数 优点:不需要改面包屑的样式,直接可用控件原创 2016-11-12 15:23:33 · 1175 阅读 · 0 评论 -
二级浮动菜单(angularjs2 + css)
UX给出这个要求,就是dc下有多个云环境,要求dc是下拉菜单,云环境在右边显示,拿到需求还有点蒙,同事说很像京东页面啊,搜了下,有人实现过,照着改了改 大概就是先写个下拉菜单,然后右边的部分先隐藏,等hover左边的li的时候,显示右边部分,用例很多绝对定位~还好之前多看了看张鑫旭老师的课~~ css部分 .nav_item{ /*width:300px;*/原创 2016-11-12 14:59:41 · 3636 阅读 · 0 评论 -
Angular 2.0 中实现搜索框
延迟300ms,然后对用户输入搜索框的字符进行处理 代码见内,图随后加吧~ html: js代码 import { Subject } from 'rxjs/Subject';--引入Subject search(term:string) { this.searchTermStream.next(term); } getSearchStream()原创 2016-10-19 16:40:01 · 1877 阅读 · 0 评论 -
Angular2.0下实现的modal框
觉得写的比较巧妙的就是样式的选取~记录下 CSS部分 .font { font-family: "Microsoft YaHei", Arial; font-size: 12px; color: #333333; } .ky-modal-content { min-width: 520px; min-height: 240px; } .ky-moda原创 2016-10-29 14:38:21 · 2906 阅读 · 0 评论 -
最近的一些学习
忙着改bug和新功能,今天闲下来,一直想看看架构方面,搭建个简单的框架,然后万能知乎推荐了这个 https://docs.angularjs.org/tutorial 还是应该系统的跟着官网学习一遍啊! git一步步来,特别好的教程原创 2017-09-20 15:01:24 · 1027 阅读 · 0 评论