angular
关注
分享
扫一扫
一闪一闪亮晶晶，漫天都是小星星
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
angular事件委托
htmlts：注意：这边使用了元素引用，因代码执行时，页面还没有加载完成导致没有取到该元素，加了一个延迟解决ngOnInit(){ setTimeout(()=>{ this.renderer2.listen(this.hotEl.nativeElement,'click', this.hotClick) },1000) }...原创 2020-08-04 16:53:22 · 432 阅读 · 0 评论 -
ionic3+angular4 使用cropperJS 完成图片裁剪功能
需求：图片拍照或者图库选择之后，将图片进行裁剪（图片允许放大，缩小，移动），裁剪框不变实现：1.安装cropperjs: npm install cropperjs2.在页面中导入：3.裁剪插件初始化initCropper(){ let image = document.getElementById("imgPrev") as HTMLImageEle...原创 2019-10-29 15:03:56 · 1156 阅读 · 0 评论 -
ios 竖着拍照导致图片旋转问题
参考示例：http://www.pianshen.com/article/1144199766/angular4实现：完整代码如下：html:1: 使用fileReader 将图片转化为data64位图。2： 修正因为ios拍照会导致图片旋转的问题3.裁剪调用1:fileReader:2: ios图片旋转问题：...原创 2019-10-29 14:49:29 · 350 阅读 · 0 评论 -
Angular LazyLoad Module 常见问题
参考链接:https://blog.guchengf.me/common-questions-in-angular-lazyload-module1. BrowserModule has already been loaded. If you need access to common directives such as NgIf and NgFor from a lazy loaded m...转载 2019-10-24 16:55:36 · 962 阅读 · 0 评论 -
JS-SDK 七牛文件上传
通过javascript方式上传：1.后端人员会写一个接口返回给客户端所需的token、domain等信息2. 上传：上传数据为base64编码格式的数据。PS：注意！！这个地方有空格！！！上传的url！！！整体：上传返回的数据很简单，其中key与domain想组合就是图片上传之后的地址链接domian/key具体代码： ...原创 2019-10-15 16:38:43 · 476 阅读 · 0 评论 -
angular概念模型
Angular 的概念模型既然如此，问题就来了，新版本的 Angular 的核心概念是什么呢？非常简单，一切都是围绕着“组件”（Component）的概念展开的。Component（组件）是整个框架的核心，也是终极目标。“组件化”的意义有 2 个：一是分治，因为有了组件之后，我们可以把各种逻辑封装在组件内部，避免混在一起；二是复用，封装成组件之后不仅可以在项目内部复用，而且还可以沉...转载 2019-06-28 10:12:57 · 240 阅读 · 0 评论 -
angular 通讯
转载 2019-06-28 16:55:43 · 161 阅读 · 0 评论 -
nginx部署angular8项目
参考链接：https://www.cnblogs.com/defaultlee/p/9223564.html https://www.cnblogs.com/panxiaoming/p/6024063.html直接上步骤1.使用ng build 打包--base-href 会在html的<head>中 增加<base ...原创 2019-07-10 16:07:15 · 879 阅读 · 0 评论 -
ionic3 scss屏幕自适应
屏幕自适应要做的就是： 当屏幕变大的时候，元素跟着变大，当屏幕变小的时候 元素跟着变小，达到整体和谐。参考案例：https://www.imooc.com/article/49850以上是参考文章 ： 用的单位是 rem来达到自适应的效果。第一种方法：适合没有使用UI框架~。改变根目录的font-size 会对框架的单位值造成影响（框架基于px的就不影响）1.在首页index...原创 2019-07-31 10:09:19 · 790 阅读 · 0 评论 -
angular4——指令（directive）
其实，组件和指令非常像，可以说组件是一种特殊的指令。也可以理解为：组件是一种带模板的指令，指令是超集，还组件是子集。指令分为两种，一种是结构型指令，一种是属性型指令。结构型指令： 结构型指令会改变布局。 例如： ngIf 、 ngFor 这种会改变元素的布局。 属性型指令： 改变的是它的外观和行为。例如： color 、align 等...原创 2019-02-27 15:10:57 · 366 阅读 · 0 评论 -
angular4 —— 模块和组件的类文件都是用index.ts的命名约定
把一个文件模块下的起始页改为index.ts , 引入方式：变为直接这样就可以了，不需要层层递进。 因为在js中任何一个文件夹下的index ， 它都会默认成为这个文件夹下的默认索引，他会默认先找这个index ...原创 2019-02-27 15:11:33 · 1337 阅读 · 0 评论 -
通过 ngModel 跟踪修改状态与有效性验证
原文章：https://www.angular.cn/guide/forms通过 ngModel 跟踪修改状态与有效性验证在表单中使用 ngModel 可以获得比仅使用双向数据绑定更多的控制权。它还会告诉你很多信息：用户碰过此控件吗？它的值变化了吗？数据变得无效了吗？NgModel 指令不仅仅跟踪状态。它还使用特定的 Angular CSS 类来更新控件，以反映当前状态。 可以利用这些...原创 2018-09-21 17:59:48 · 1034 阅读 · 0 评论 -
angular type=submit
参考文档：https://www.angular.cn/guide/forms#submit-the-form-with-emngsubmitem使用 ngSubmit 提交该表单在填表完成之后，用户还应该能提交这个表单。 “Submit（提交）”按钮位于表单的底部，它自己不做任何事，但因为有特殊的 type 值 (type="submit")，所以会触发表单提交。现在这样仅仅触发“表...原创 2018-09-21 18:04:51 · 522 阅读 · 0 评论 -
angular2 Property 'map' does not exist on type 'Observable'.
参考文章：https://blog.youkuaiyun.com/zgrbsbf/article/details/53690431import 'rxjs/add/operator/map';转载 2019-01-04 15:51:27 · 428 阅读 · 0 评论 -
Error: Can't find Python executable "python", you can set the PYTHON env variable.解决办法
以前的ionic2 项目 ，在我升级为ionic3的时候 ，打开初始化npm install 时 报错 重新装了python 2.7.15，路径选择C盘， 然后它就不报错第一个了。而是变成了百度到一个办法就是把所有的依赖变为* ，居然成功了~~~...原创 2019-01-04 15:58:18 · 4486 阅读 · 2 评论 -
angular4项目——day01
项目整体目录思路概览：其中这个模块纯粹是一个文件组织，而不是带有业务逻辑在里面业务模块： 共享模块提供给各个业务模块的共享的类库支持，用来给import 和 export ，这样避免了在很多页面中导入太多重复的类库文件。...原创 2019-02-27 15:12:11 · 145 阅读 · 0 评论 -
angular-cli 新建项目指定不依赖npm 安装类库，提高新建项目的速度
····以前新建angular项目是使用 ng new projectname 这种新建方式会让 angular-cli 给我们进行依赖的安装。会用npm进行依赖安装，这个过程会比较缓慢。····而在新建项目时，加上 --skip-install 就会避免依赖安装。缩写为： -si例如：ng new projectname --skip-install2. 加上--style=scss...原创 2019-02-27 15:12:28 · 601 阅读 · 0 评论 -
angular4——core模块只在项目中只加载一次
coreModule是核心模块，适合那些只在项目中加载一次的组件和服务。 既然core.module 是一个类， 那么它就有构造函数，就可以在构造函数当中进行依赖型注入。如果core.module已经存在呢，那么就抛出异常但是目前这种写法是很危险的。因为这是一个无尽循环。在这个构造器中注入core.module的时候，它会去找CoreModule 这个依赖，找这个依赖...原创 2019-02-27 15:11:52 · 616 阅读 · 0 评论 -
angular4 ——share模块
shareModule 作为共享模块呢，要把一些大家需要的东西导入进来，再导入出去。这样，以后如果需要shareModule里面的一些模块的话，只需要导入ShareModule就好了，而不用一个一个的导入到需要的页面。shareModule还可以放一些共享的组件。...原创 2019-02-27 15:12:01 · 813 阅读 · 0 评论