angular
开水没有冬天
如果可以,我会珍惜
展开
-
angular-Forms patchValue and setValue
参考:1.修改之路https://segmentfault.com/a/1190000009090037setValue与patchValue的区别:setValue: 使用的时候需要每个from control都要设置值。否则,ERROR Error: Must supply a value for form control with name: 'xxxxx'patchValue: 类似打补丁,不需要每个from control都要设置值。可以使用一条一条的setValue方法:// 只原创 2020-09-02 20:31:40 · 926 阅读 · 0 评论 -
boxue-angular
文章目录学习模块:实战模块:cli学习模块:1.cli2. 模块3. 组件4. 模板(模板属于组件的一部分)5. 数据绑定6. 服务(复杂逻辑放在服务中,组件中比较简单的)7. 路由8. HttpClient(angualr是基于RxJS响应式编程)9. 等等实战模块:HMR系统(人力资源管理系统)1.登录(登录,退出,访问控制)2.员工管理(增删改查)引擎:lvy(艾薇):angular新一代的渲染引擎,smaller,faster,simpler。与webpack深度合原创 2020-08-23 16:53:13 · 379 阅读 · 1 评论 -
Angular *ngIf else 使用
Angular *ngIf else 使用https://www.jianshu.com/p/30558da65977原创 2020-07-27 16:23:11 · 751 阅读 · 0 评论 -
angular
绑定数据:{{msg}}绑定属性:[title]="msg"属性拼接:<div [title]="msg+'111'">{{msg}}</div>解析html:<span [innerHTML]='content'></span>// 定义一个数组,数组项为any类型public list:any[]public it...原创 2020-02-21 14:34:12 · 253 阅读 · 0 评论 -
router用别名
import { router as rcRouter } from '@xxxx/client-sdk-js';原创 2019-11-18 19:13:43 · 220 阅读 · 0 评论 -
使用jquery-jsonview展示josn
安装:jquery-jsonview"jquery-jsonview": "^1.2.3",@import " ../node_modules/jquery-jsonview/dist/jquery.jsonview.css";declare var require: anyrequire('jquery-jsonview');使用:if(data==null||data==un...原创 2019-10-16 11:10:51 · 340 阅读 · 0 评论 -
angular里绑定原生js事件
checkOutSideClick(){ let that=this; this.bg=this.element.nativeElement.querySelector(".bg"); console.log(this.bg) console.log("111:",this.bg); window['outThis']=this; this.bg.addEventListe...原创 2019-10-14 18:57:41 · 629 阅读 · 0 评论 -
1.angular网站学习
1.angular官网: 中文:https://angular.cn/ 英文:https://angular.io 2.antd: https://ng.ant.design/ 3.ng-alain: https://ng-alain.com/原创 2018-08-17 15:17:14 · 783 阅读 · 0 评论 -
2.angular项目搭建
1.根据几个网站的教学可以简单搭建 2.正确使用cli的命令迅速完成目的新建项目时候的参数:http://www.cnblogs.com/cgzl/p/8594571.html eg: ng new my-app 生成项目并install ng new my-app –dry-run 不会真的生成项目, 而是会打印出来如果创建该项目的话哪些文件将会生成 ng new my-ap...原创 2018-08-17 15:44:17 · 251 阅读 · 0 评论 -
3.脚手架生成组件等
1.文章主要是讲生成 Components, Directive, Service, class, interface, enum等等:http://www.cnblogs.com/cgzl/p/8605464.html 组件:ng g component person –dry-run 简写:ng g c person2.cli官网的内容看一下 https://www.npmjs.co...原创 2018-08-17 15:59:48 · 165 阅读 · 0 评论 -
angular cli启动项目
使用cli1.7.3版本,cdk:5.0.0版本 cdk先放进package.json 然后再启用npm install,这样的不会报错的! antd 0.7.0的版本放入项目中 引入antd的 css,可以正常使用了...原创 2018-08-24 11:16:49 · 510 阅读 · 0 评论 -
angular中:Throttling history state changes to prevent the browser from hanging.的问题解决
确认有了路由守卫 路由守卫跟路由不匹配 无限报错,浏览器卡死原创 2018-09-05 11:27:48 · 4368 阅读 · 0 评论 -
Angular2中使用ngx-translate进行国际化
Angular2中使用ngx-translate进行国际化https://blog.csdn.net/u014291497/article/details/61233033原创 2018-09-05 13:24:18 · 319 阅读 · 0 评论 -
angular项目启动
使用环境:Angular CLI: 1.7.4Node: 8.11.1执行:ng new cloud --routing --style scss --skip-install 生成文件上传到github上原创 2018-09-08 15:55:04 · 1540 阅读 · 0 评论 -
angular学习中bug整理
1.表格行内“…”展示 ellicpase 2.所有展示性的东西都要有“…”的问题! label:form; 展示有很长的时候! 3.填写的东西,都要有校验的问题!如何提示还是问题? 唯一性,长度,字符类型等等 4.行内编辑:确定和取消=&amp;amp;gt;取消的时候,要注意数据还原的! 5.状态判断:0,1,有没有null的情况? 6.button所有样式的统一!Primary和defau...原创 2018-09-12 10:22:59 · 858 阅读 · 0 评论 -
angular中使用二维码
参考:https://blog.csdn.net/zwt_guiji/article/details/79525915 https://www.jianshu.com/p/839f2e20b921 npm install angular2-qrcode --save在使用二维码的模块中: imports: [ ... QRCodeModule, // 在此引...原创 2018-09-12 20:57:18 · 2291 阅读 · 0 评论 -
angular2中使用html2canvas将div标签中的内容导出为图片,并下载本地
参考: https://segmentfault.com/a/1190000012477096原创 2018-09-12 20:58:17 · 1647 阅读 · 1 评论 -
angular样式和数据绑定:
class绑定1、[class.a]=”bool” bool:boolean=false;2、[ngClass]=’classobj’classobj:any={ a:true, b:false } a样式绑定 1、[style.color]=”isbol?’red’:’blue’”isbol:boolean=false;//蓝色2、[ngSt...原创 2018-09-10 11:21:51 · 484 阅读 · 0 评论 -
3des加密使用-crypto-js
install后:npm i crypto-js // 安装import * as CryptoJS from 'crypto-js';encryptByDES(message) { var keyHex = CryptoJS.enc.Utf8.parse("keyxxxxxxxxxxx"); var encrypted = CryptoJS.TripleDES....原创 2018-09-10 20:22:45 · 1987 阅读 · 0 评论 -
关于图片上传
图片资源可能有缓存,那么在返回图片后,加上时间戳来防止缓存的问题:eg:this.photoSrc="";// res.url存在的时候,加时间戳,要不然就在html中使用默认的图片if(res.url){ this.photoSrc=res.url+'?v='+new Date().getTime();}<img src="{{photoSrc?photoSrc:'.....原创 2018-09-19 13:31:16 · 204 阅读 · 0 评论 -
antd中三级联动的问题
在<div> <nz-modal [nzVisible]="flag"> <nz-cascader .....> </nz-cascader> </nz-modal></div>div中modal中有三级联动在add的时候,modal显示和隐藏,这时候,三级联动选择第一个;关闭后再次选择第一个,原创 2018-10-12 14:47:21 · 3460 阅读 · 0 评论 -
antd-cascader
<nz-cascader style="width: 300px;" [nzOptions]="nzOptions" [(ngModel)]="values" (ngModelChange)="onChanges($event)"></nz-cascader>nzOptions:value,label,children其中:显示的是lab原创 2018-10-12 20:28:18 · 3105 阅读 · 0 评论 -
antd-载入
使用antd官网中步骤,通过npm加载到项目中antd只是没有源码可以修改!原创 2018-10-12 20:29:40 · 183 阅读 · 0 评论 -
新建模块
代码中新增模块:新建模块文件夹eg:personal-center,新建文件:HTML,scss,ts,routing.ts,service.ts,module.ts(personal-center)新建文件夹:components=>product-mgmt新建文件:html,scss,ts(product-mgmt)在product-mgmt.component.ts中:新建子...原创 2018-10-13 12:24:02 · 250 阅读 · 0 评论 -
ng中使用excel
https://blog.csdn.net/LABLENET/article/details/78271494import * as XLSX from ‘xlsx’console.log(exportData)const ws: XLSX.WorkSheet = XLSX.utils.aoa_to_sheet(exportData);原创 2018-10-13 15:20:39 · 573 阅读 · 0 评论 -
代理到其他环境
修改代理文件:eg:proxy.conf.json文件修改hosts文件:路径:C:\Windows\System32\drivers\etc127.0.0.1 ks.xxx.com一级域名要相同,这样请求接口没有权限的问题然后访问地址:ks.xxx.com:port注:一定要加端口号!...原创 2018-10-15 15:17:41 · 121 阅读 · 0 评论 -
angular中使用swiper
参考:https://www.jb51.net/article/143450.htm装包:npm install swiper --savenpm install @types/swiper --saveangular-cli.json中:"styles": [ "../node_modules/swiper/dist/css/swiper.min.css" ...原创 2018-10-25 14:28:20 · 1567 阅读 · 1 评论 -
antd中栅格使用
有offset的:&lt;div nz-row&gt; &lt;div class="item-col" nz-col [nzSm]="{ span: 5, offset: 1 }" [nzXl]="{ span: 6, offset: 2 }"&gt; Col &lt;/原创 2018-09-21 15:17:07 · 17995 阅读 · 0 评论 -
基于Ant Design UI框架的angular项目
地址:https://ng-alain.github.io/ng-alain/#/dashboard/v1https://pan.baidu.com/s/1dEA9BEh#list/path=%2F原创 2018-10-29 20:08:28 · 5791 阅读 · 1 评论 -
Angular4.x、5.x富文本编辑器ngx-quill插件的使用
http://www.ionic.wang/article-index-id-103.htmlhttps://www.cnblogs.com/scott-j/p/9016027.html原创 2018-11-06 19:01:56 · 1571 阅读 · 0 评论 -
angular2国际化
博客地址:https://blog.csdn.net/kuangshp128/article/details/72522894git地址:https://github.com/kuangshp/angular2-demo01关于这个人一系列angular的操作:https://blog.csdn.net/kuangshp128/article/category/6868307/2Angula...原创 2018-11-08 14:26:49 · 109 阅读 · 0 评论 -
angular部分问题
Angular4首页加载慢优化之路:https://blog.csdn.net/itest_2016/article/details/80048398Angular4解决包过大的问题:https://blog.csdn.net/ningmengbaby/article/details/79659800https://blog.csdn.net/crper/article/category/6...原创 2018-11-08 15:04:31 · 108 阅读 · 0 评论 -
上传文件的类型
1.文件上传allowedTypes和文件下载contentType(mimeType):https://blog.csdn.net/aceaddi/article/details/44460642.docx、xlsx 这种 office 2007 格式 设置 MIME:https://blog.csdn.net/myEclipse_2008/article/details/83372233...原创 2018-11-23 16:01:07 · 967 阅读 · 0 评论 -
angular学习
在antd官网中(v1.8.1)快速上手中,准备了一套教程有一个简单的项目,教你搭建项目:https://github.com/NG-ZORRO/today-ng-steps()学习建议中推荐了一篇专栏文章:https://zhuanlan.zhihu.com/p/36385830(推荐了angular学习的东西)修仙之路:https://github.com/semlinker/angul...原创 2018-11-30 16:28:21 · 120 阅读 · 0 评论 -
博客学习
https://www.cnblogs.com/moqiutao/p/7119445.html 编辑器及其他知识Angular4_获取当前Url地址和获取Url传递的参数https://blog.csdn.net/qq_36279445/article/details/78810672https://blog.csdn.net/qq_29608143/article/details/824...原创 2018-12-07 18:56:48 · 270 阅读 · 0 评论 -
angular2中的自定义指令
参考:https://blog.csdn.net/anxiaomo1/article/details/70315532原创 2018-12-12 16:43:47 · 1073 阅读 · 0 评论 -
ViewContainerRef和TemplateRef和ElementRef
参考:https://segmentfault.com/a/1190000012100278https://segmentfault.com/a/1190000008672478https://www.jianshu.com/p/71c2762ddc60使用ElementRef的场景:// html<div #ksbk>hello word</div>// ...原创 2018-12-12 20:21:46 · 675 阅读 · 0 评论 -
angular之ng-container 、ng-template、ng-content的使用
参考:https://www.jianshu.com/p/388461631b1d原创 2018-12-12 20:24:18 · 2114 阅读 · 0 评论 -
关于 Property 'topicKey' does not exist on type '{}'的错误
开发过程中:使用了:// tspublic msgDetail:any={ };// html{{msgDetail?.description||""}}是会报错的 Property 'topicKey' does not exist on type '{}'可以给msgDetail=null; public msgDetail:any=null; // 这样不会报错的...原创 2018-12-06 11:26:39 · 12447 阅读 · 0 评论 -
Angular cdk 学习之 Coercion、Keycodes、Platform
https://blog.csdn.net/wuyuxing24/article/details/84927297https://blog.csdn.net/wuyuxing24/article/category/7912821 其他的模块学习https://www.jianshu.com/p/65707e2eef7c原创 2018-12-19 17:02:00 · 174 阅读 · 0 评论