- 博客(18)
- 收藏
- 关注
原创 组件交互
通过输入型绑定把数据从父组件传到子组件 @Input() hero: Hero; 改进:通过 setter 截听输入属性值的变化 父组件: <app-name-child *ngFor="let name of names" [name]="name"></app-name-child> 子组件: private _name = ''; @Input() se...
2019-04-28 11:04:21 191
原创 组件和模板-模板语法
HTML attribute 与 DOM property 的对比 <button [disabled]="isUnchanged">Save</button> 要想理解 Angular 绑定如何工作,重点是搞清 HTML attribute 和 DOM property 之间的区别。 attribute 是由 HTML 定义的。property 是由 DOM (Docu...
2019-04-28 10:34:12 291
原创 angular-pipe:管道
DatePipe,UpperCasePipe,LowerCasePipe,CurrencyPipe,PercentPipe。 date:2019-4-25 19:11:58 年: y,yy,yyy,yyyy, 数字: 最小位数;eg:2019 数字: 2 数字 + 0 补位;eg:19 数字: 3 数字 + 0 补位;eg:2019 数字: 4 或更多数字 + 0 补位;eg:2019 月: M,...
2019-04-25 19:43:56 518
原创 angular中ngFor的参数
参考: 用trackBy提升性能:https://www.cnblogs.com/cme-kai/archive/2018/01/26/8358915.html 官网:https://angular.cn/api/common/NgForOf#description <li *ngFor="let item of items; trackBy: trackByIndex">{{item...
2019-04-24 19:30:42 4293
原创 md中锚点
1. 生成目录 这是一个自动生成目录的语法。下面是下一级目录: 1.1 第二级说明1 这是二级目录的一个测试文本。 1.2 第二级说明2 这是二级目录的第二个测试文本。 2. 结语
2019-04-24 18:53:36 2817
原创 angular官网-指令
生成目录 这是一个自动生成目录的语法。下面是下一级目录: 1.1 第二级说明1 这是二级目录的一个测试文本。 1.2 第二级说明2 这是二级目录的第二个测试文本。 2. 结语 angular中的指令类型: 1.组件 :一种拥有模板的指令。=> 最常用的 2.结构型指令:通过添加或者移除DOM元素,改变DOM布局的指令。=>修改视图结构。eg:NgIf,NgFor,NgSwitch。...
2019-04-24 17:14:58 640
原创 快捷手册-词汇表
编译 预编译(ahead-of-time,AOT):用于生产 即时编译(just-in-time,JIT):用于开发 指令: 详见:xxxx.com-myself写一个!
2019-04-24 16:23:36 151
原创 快速手册-风格指南
风格指南:style guide 单一职责 对所有的组件、服务等等应用单一职责原则 (SRP)。这样可以让应用更干净、更易读、更易维护、更易测试。 1.单组件文件非常容易阅读、维护,并能防止在版本控制系统里与团队冲突。 2.单组件文件可以防止一些隐蔽的程序缺陷,当把多个组件合写在同一个文件中时,可能造成共享变量、创建意外的闭包,或者与依赖之间产生意外耦合等情况。 3.单独的组件通常是该文件默认...
2019-04-23 16:44:20 240
原创 git pull代码的时候,报错
$ git pull remote: HTTP Basic: Access denied fatal: Authentication failed for 'http://gitlab.irootech.com/developer-center-v2.0/rootcloud-developers.git/' 修改了git密码,然后原有项目在pull代码的时候,报错:报错信息如上:操作如...
2019-04-19 13:38:56 374
原创 vue项目地址
vue官网=> 论坛 => 中文 => top下的推荐一个 花里胡哨的vue装逼系统 和他的平路里的loadingMore https://forum.vuejs.org/t/vue/40391 https://loadingmore.com/vue-element-admin-preview ...
2019-04-18 19:38:47 519
原创 文件流下载
参考: 原生:https://www.jianshu.com/p/8ef2c7b8b46c 在angular里面使用: request(item) { console.log("item:", item); // 里面有需要请求的参数:item.pdfPath let that = this; const req = new XMLHttpRequest(); req.open('...
2019-04-18 17:14:26 1307
原创 ngx-echarts
百度:npm 搜索:ngx-echarts,第一个结果就是。 地址:https://www.npmjs.com/package/ngx-echarts 查看installation和usage: 在模块中引入NgxEchartsModule模块!然后就可以使用了! options就是echarts的配置参数; merge:在动态添加点的时候,有用; ...
2019-04-18 11:28:41 2721
原创 调档、档案、提档
eg:之前在陕西一家公司工作,档案在单位,但是已经离职,在北京工作,现在想把档案放回老家; 非京籍不能档案放在北京,只能放在老家! 只能落在户口所在地!eg:身份证上的县(级市)等 xxxx人力资源和社会保障局 (打电话咨询具体流程) 人力资源和社会保障局:只能从国企和央企,或者人才市场调档!(我们本地是这样):所以 国企和央企:档案在单位的,可以提档; 非国企和央企:那么需要档案先从单位落在...
2019-04-18 10:28:11 893
原创 angular-"详细信息"-页面折叠状态
想象: angular项目的页面,没有正常展示,而是展示“详细信息”的一个折叠,必须点开这个折叠才会正常显示页面! eg: 图片后续补上! 代码如下: <details class="ng-star-inserted" open> <div class="my-app"> // 这里面才是我正常的组件的html内容! </div> </details...
2019-04-15 11:17:21 600
原创 动态组件
需求:tab页,切换tab的时候,动态的显示tab对应的组件! 官网:https://angular.cn/guide/dynamic-component-loader#final-ad-banner https://www.cnblogs.com/shiyunfront/articles/7692485.html https://www.jianshu.com/p/5c523ff5442b ht...
2019-04-12 11:26:27 274
原创 项目文件详解
建立angular项目没有那个angular-cli.json文件,只有angular.json文件 6.x以后就用angular.json替代了angular-cli.json angular.json:百度angular.json或者Schematics , tslint.json: https://www.cnblogs.com/webooa/p/10136619.html https://...
2019-04-10 19:34:41 311
原创 angular中constructor与ngOninit的区别
1.constructor主要用于依赖注入 2.ngOninit主要用做初始化 3.执行顺序:先constructor后ngOninit
2019-04-10 16:07:24 667
原创 把网站变成黑白色
简单几句CSS代码,就可以把网站变成黑白色: html { filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(100%); } 使用的是CSS滤镜,将网页中的色彩部分过滤掉。 ...
2019-04-10 15:57:00 2076
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人