
angular
阿龙sir
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
mvc(vue、ng...) 引用数据与被引用数据被关联更改的解决方案
使用转字符串再转回json的方法JSON.parse(JSON.stringify(this.obj));这样引用数据发生改变,被引用数据却不会改变原创 2020-03-19 19:54:39 · 280 阅读 · 0 评论 -
angular2-6 打印组件 - essence-ng2-print插件
https://www.jianshu.com/p/bac7f86e7b80https://blog.youkuaiyun.com/qq_34790644/article/details/87603253html导出pdf:https://blog.stahlmandesign.com/export-html-to-pdf-how-hard-can-it-be/转载 2019-03-14 15:00:46 · 2506 阅读 · 0 评论 -
angular4 date管道符 展示参数
{{ dateTime | date:'yyyy-MM-dd HH:mm:ss'}}{{ dateTime | date:'medium' }}{{ dateTime | date:'short' }}{{ dateTime | date:'fullDate' }}{{ dateTime | date:'longDate' }}{{ dateTime | date:'mediu...原创 2019-02-15 19:36:00 · 1082 阅读 · 2 评论 -
angular5 路由生命周期
Angular 5.0 来了! 有这些大变化https://blog.youkuaiyun.com/li420520/article/details/84500092路由器生成周期事件我们给路由器添加了新的生命周期事件,让开发者可以跟踪running guard启动到激活完成的各个阶段。这些事件可在有子组件更新时,在一个特定的路由器出口上展示加载动画,或者测量性能。新的事件(按顺序)是Guar...转载 2019-01-29 18:42:02 · 1034 阅读 · 0 评论 -
es6 去重加排序
let arr = [5,9,1,5,1,80,2,5];arr = Array.from(new Set(arr));arr.sort((a,b)=>{return a-b;});原创 2018-06-26 09:48:52 · 1254 阅读 · 0 评论 -
angular2、4中数据模型改变 页面不刷新解决方案
类似于angular1里的$scope.$apply();方法 //页面引入所需模块 import { ChangeDetectorRef } from '@angular/core';//注入服务constructor(public changeDetectorRef:ChangeDetectorRef ) {}//在更改数据后不刷新的地方添加这两句话this.changeDetectorRe...原创 2018-03-27 15:21:06 · 11657 阅读 · 1 评论 -
angular4、ionic3 "组件" 生命周期
组件生命周期//这个顺序是按照执行的先后排列的constructor:构造器函数,一般用于注入服务ngOnChanges:检测到输入数据变化,首次触发发生在ngOnInit前。注意对象的属性发生变化时监听不到ngOnInit:组件初始化,通常会设置一些初始值ngDoCheck:手动触发更新检查 ngAfterContentInit:内容初始化到组件之后ngAfterContentChe...转载 2018-03-23 09:56:54 · 2596 阅读 · 2 评论 -
ionic2 /ionic3 使用md5加密算法,base64编码/解码
原本转自 http://www.story2wine.com/view/521.下载安装ts-md5 ,进入到项目文件夹下,执行下面的命令npm install ts-md5 --save2.在使用的模块中导入md5模块import {Md5} from "ts-md5/dist/md5";3.使用md5constructor() {转载 2018-03-19 15:26:22 · 1452 阅读 · 0 评论 -
Angular4中常用管道
Angular4中常用管道通常我们需要使用管道实现对数据的格式化,Angular4中的管道和之前有了一些变化,下面说一些常用的管道。一、大小写转换管道uppercase将字符串转换为大写 lowercase将字符串转换为小写<p>将字符串转换为大写{{str | uppercase}}</p>1str:string = 'hello'1页面上会显示 将字符串转换为大写HEL...转载 2018-03-12 15:52:47 · 1069 阅读 · 1 评论 -
前端angular 实现sku商品
HTML:已选{{formatNowSKUattr}} , {{numbercode}}件数量{{numbercode}}加入购物车确定CSS:.shopSelectedBox{width:100%;height:40px;line-height:40px原创 2018-02-25 10:42:49 · 939 阅读 · 0 评论 -
angular2、4 获取dom元素方法
<div #box></div> "#+名字" 这种注入属性的方式可以获取dom元素 操作该变量box就是操作这个标签元素<div #box (click)="fn(box)" ></div> 触发这个方法就可以通过参数box获取到这个元素fn(dom){ console.log(dom)}也可以通过js获取document.query...原创 2018-03-16 10:19:11 · 12403 阅读 · 0 评论 -
angular回填h5控件datetime-local
{{AdStartTime }}">Js:$scope.AdStartTime =$filter('date')("2017-05-19T16:00:00.0000000+08:00", "yyyy-MM-ddThh:mm:ss")原创 2018-01-20 17:33:29 · 813 阅读 · 0 评论 -
angularJs 中的ui-bootstrap 插件pagination使用总结
uib-pagination class="pagination-sm pagination-custom" boundary-links="true" rotate="false" total-items="vm.totalElements"//总共多少条数据 ng-change="vm.load(vm.currentPage-1,vm.pageSize,vm.totalEl转载 2017-12-15 16:25:36 · 443 阅读 · 0 评论 -
如何为 angularjs 路由中的每个视图指定 css
1.为元素创建自定义指令:app.directive('head', ['$rootScope','$compile', function($rootScope, $compile){ return { restrict: 'E', link: function(scope, elem){转载 2017-08-23 12:04:35 · 1976 阅读 · 0 评论 -
原生js上传图片功能 angular语法(可改写为其他语言版本)。
效果图:HTML代码: 添加图片({{allImgBaseData.length}}/5) CSS代码:.addImages {padding:15px;width: 100%;box-sizing: border-box;overflow: hidden;border-bottom:原创 2017-08-23 17:54:40 · 273 阅读 · 0 评论 -
angular 双向绑定把字符串文本过滤成html文本(自定义过滤器)
//把字符串文本过滤成html文本.filter('htmlContent', ['$sce', function($sce) {return function(input) {return $sce.trustAsHtml(input);}}])原创 2017-08-24 17:31:59 · 837 阅读 · 0 评论 -
给你一个承诺,玩转angularjs的Promise
在谈论Promise之前我们要了解一下一些额外的知识;我们知道JavaScript语言的执行环境是“单线程”,所谓单线程,就是一次只能够执行一个任务,如果有多个任务的话就要排队,前面一个任务完成后才可以继续下一个任务。这种“单线程”的好处就是实现起来比较简单,容易操作;坏处就是容易造成阻塞,因为队列中如果有一个任务耗时比较长,那么后面的任务都无法快速执行,或导致页面卡在某个状态上,给用户的转载 2017-08-03 14:58:04 · 525 阅读 · 0 评论