angular4
蚁族的奋斗1
幸福是需要奋斗的,而奋斗本身也是一种幸福
展开
-
前端下载excel文件功能的三种方法
1 从后端接收json数据,前端处理生成excel下载JsonExportExcel的github地址:https://github.com/cuikangjie/JsonExportExcel这种方式比较适用于该数据需要能够导出下载并且同时要展现在页面的场景2 通过form表单接收文件如果后端已经处理成了excel,就不需要前端在处理生成,但是Ajax能够返回的数据格式只能为html,scrip...转载 2018-05-19 18:06:18 · 12910 阅读 · 0 评论 -
angular 精通
笔记来源于慕课网 https://coding.imooc.com/class/evaluation/123.html#Anchor Angular 打造企业级协作平台 讲师:接灰的电子产品 ,负责前端技术,是个十足的技术咖,还出过《Angular从零到一》一书,是个博学多才的牛人。第一章 课程介绍 angular 打造企业平台导学(一个项目管理的项目) ...翻译 2018-09-08 16:12:54 · 752 阅读 · 0 评论 -
angular2 模板驱动表单的控制台输出值
这是模板模板驱动表单的模板引用变量的打印值 form 的一些常用属性,好像看起来并没有找到,其实吧鼠标悬浮hover在在(...)的时候就可以看到提示的文字是 invoke propertygetter (调用属性的触发器),点击就可以看到这个属性的具体的值。...原创 2018-09-03 09:59:24 · 386 阅读 · 0 评论 -
npm 向pack.json 的script 的脚本传递参数
1.参考http://www.ruanyifeng.com/blog/2016/10/npm_scripts.html2.参考https://www.angular.cn/guide/aot-compiler3.参考https://segmentfault.com/a/11900000076841564参考http://www.ruanyifeng.com/blog/2016/10/npm_...转载 2018-09-14 15:18:00 · 6552 阅读 · 1 评论 -
angular 的select 事件
1. 如果用click,会触发两次(一次是点击select的时候,另外一次是选择option的时候),会有问题2. ngModelChange 事件,初始化的时候也会触发,有问题(针对我的需求)3. change 事件,只有在值发生变化之后才会触发这个时间。...原创 2018-09-25 12:39:18 · 5063 阅读 · 0 评论 -
JSON.parse() 使用注意事项·
参考文章:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/JSON/parse第一个参数一定是 一个有效的字符串对象有效指的是1. 外面一定是'' 单引号2. 如果有键的话 一定是"" 双引号https://developer.mozilla.org/zh-CN/do...原创 2018-09-25 13:18:45 · 2249 阅读 · 0 评论 -
angular 摇树优化
https://juejin.im/entry/590c2798ac502e0065312bc7?utm_medium=hao.caibaojian.com&utm_source=hao.caibaojian.comhttps://blog.csdn.net/zsz459520690/article/details/54376162/摇树优化的命令:ng build –prod (--p...转载 2018-09-14 17:35:45 · 1080 阅读 · 0 评论 -
课件的共享是如何实现的
将ppt 转化为 html;https://www.ppt-to-html5.com/ 世界上第一个将ppt转化为h5 的网站,收费。转换完的目录机构是下面这个样子的,然后放到服务器上面就可以了,访问的是index.html 课程目录结构 [dir].zip [dir]/index.html [dir]/data/特别注意:转化后的html 必须修改为名字 inde...原创 2018-09-26 16:55:44 · 256 阅读 · 0 评论 -
angular 如何让滚动条一直都在最下面
/** * 留言提交 */ messageSubmit() { let me=this; me.messageArr.student.push( { 'message':me.inputMessage, 'img': '' } ); me.inputMessage=''; ...原创 2018-09-30 17:07:13 · 1888 阅读 · 1 评论 -
angular2 复制
https://developer.mozilla.org/zh-CN/docs/Web/API/Document这是一篇mozilla 的开发者账户,里面写的很详细,包括document 和 windows 对象都提供了怎么样的方法// 点击复制cope_input(){let copyHttp = this.ElementRef.nativeElement.querySelect...原创 2018-08-30 10:21:52 · 1318 阅读 · 0 评论 -
angular4 入门
笔记来源于慕课网视频https://coding.imooc.com/class/chapter/94.html#Anchor 老师 JoJozhai 纳斯达克上市公司技术总监,创业公司CTO在angular4 中,较少组件之间的耦合,提升组件的可重用性的方法有:组件之间通讯的输入和输出属性,依赖注入等。一、angular4 课程介绍和简介课程介绍 ...原创 2020-01-08 16:03:06 · 2746 阅读 · 0 评论 -
图片上传流程
之所以这么做的原因是图片上传比较忙,所以先上传其他的东西,都上传成功之后再上传图片一般来讲是4步,调用4个接口1.本地 用fileReader 来预览图片 <form class="form-horizontal" novalidate #studentInfo="ngForm" (ngSubmit)="modifyInfo(studentInfo)"><...原创 2018-08-09 09:29:10 · 2752 阅读 · 0 评论 -
关于时区的理解
美国和中国不一样,每个时区有自己的时间(西五到西八),东部时间,中部时间,山地时间,西部时间,阿拉斯加时间,夏威夷时间。(3-11)月采用夏令时要加1个小时。所以现在和美国东部差8+5-1=12个小时,在看新闻的时候就可以感受到,介绍的都是美国东部时间,美国太平洋(西部)时间的等。在做项目的时候,数据存储为国际时间,然后以用户所在的时区为准,转化为用户当地采用的时间,比如,在看nba的时候,我们关...原创 2018-05-22 11:03:39 · 581 阅读 · 0 评论 -
angular 如何查看第三方组件的api
如果自己的版本低于官方版本,官方不在支持,可以直接点指令进去查看源码,有个propDecorators这个属性里面有相对应组件的属性和方法原创 2018-05-22 16:53:02 · 506 阅读 · 0 评论 -
关于在select 和 checkbox 中内容不显示的问题
代码如下:<div *ngFor="let courseGeneralType of courseGeneralTypeList"> <input type="checkbox" value="{{courseGeneralType.val}}" name="courseGeneralType" ngModel #courseGeneralType=...原创 2018-07-02 14:08:28 · 899 阅读 · 0 评论 -
angular2 checbox 中checked 的问题
两种解决方法:1.通过双向绑定来解决2.通过dom节点来处理 在点击的时候可以获取到当前点击事件的checked的值是true还是false,所以可以通过设置或者是获取dom对象(jquery对象有问题,看如下代码,有大神能帮忙解决一下这是为啥)的checked的值来处理,let arr = $("input[name='courseGeneralType']");if(arr.l...原创 2018-07-03 14:33:16 · 1993 阅读 · 0 评论 -
angular2 form reset
<div class="col-sm-8 pull-right text-danger" [hidden]="course.valid || course.untouched"> {{'course.editCourse.courseTitle'|translate}}</div>这是代码,如果新增,但是有没有填的话,这个表单空间就会报错,虽然看起来是这个神龙 页面刚...原创 2018-07-07 13:35:38 · 2030 阅读 · 0 评论 -
angular2 表单回车提交
angular2 的提交事件(模板驱动表单的ngsubmit和响应式表单的submit)都会去监控button 的事件类型和状态 默认按回车也是提交,但是前提得有button 因为angular2 是单页应用,之前原生的表单提交的话会跳转,所以angualr2 不采用button type =submit 的提交,而是在form上面的增加了提交事件。所以回车可以提交 。 ...原创 2018-07-29 16:10:41 · 1547 阅读 · 0 评论 -
angular2 表单
1.模板驱动表单ngform ngmodel ngMdoelGroup 模板式表单用这些指令隐士的创建数据模型,具体来说就是下图,ngForm 创建的是formGroup 的数据模型,其实说到底的话,模板驱动也是响应式表单,是对响应式表单的封装。https://www.cnblogs.com/yulei126/p/6804104.html不同点:它适合一些简单的场景,可以用#...原创 2018-07-21 14:35:41 · 964 阅读 · 0 评论 -
语义化版本
http://www.u396.com/semver-range.html转载 2018-10-29 14:51:55 · 247 阅读 · 0 评论