angular
阿龙sir
这个作者很懒,什么都没留下…
展开
-
mvc(vue、ng...) 引用数据与被引用数据被关联更改的解决方案
使用转字符串再转回json的方法 JSON.parse(JSON.stringify(this.obj)); 这样引用数据发生改变,被引用数据却不会改变原创 2020-03-19 19:54:39 · 252 阅读 · 0 评论 -
angular2-6 打印组件 - essence-ng2-print插件
https://www.jianshu.com/p/bac7f86e7b80 https://blog.csdn.net/qq_34790644/article/details/87603253 html导出pdf: https://blog.stahlmandesign.com/export-html-to-pdf-how-hard-can-it-be/转载 2019-03-14 15:00:46 · 2476 阅读 · 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 · 1050 阅读 · 2 评论 -
angular5 路由生命周期
Angular 5.0 来了! 有这些大变化 https://blog.csdn.net/li420520/article/details/84500092 路由器生成周期事件 我们给路由器添加了新的生命周期事件,让开发者可以跟踪running guard启动到激活完成的各个阶段。这些事件可在有子组件更新时,在一个特定的路由器出口上展示加载动画,或者测量性能。 新的事件(按顺序)是Guar...转载 2019-01-29 18:42:02 · 1009 阅读 · 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 · 1229 阅读 · 0 评论 -
angular2、4中数据模型改变 页面不刷新解决方案
类似于angular1里的$scope.$apply();方法 //页面引入所需模块 import { ChangeDetectorRef } from '@angular/core';//注入服务constructor(public changeDetectorRef:ChangeDetectorRef ) {}//在更改数据后不刷新的地方添加这两句话this.changeDetectorRe...原创 2018-03-27 15:21:06 · 11615 阅读 · 1 评论 -
angular4、ionic3 "组件" 生命周期
组件生命周期//这个顺序是按照执行的先后排列的 constructor:构造器函数,一般用于注入服务 ngOnChanges:检测到输入数据变化,首次触发发生在ngOnInit前。注意对象的属性发生变化时监听不到 ngOnInit:组件初始化,通常会设置一些初始值 ngDoCheck:手动触发更新检查 ngAfterContentInit:内容初始化到组件之后 ngAfterContentChe...转载 2018-03-23 09:56:54 · 2559 阅读 · 2 评论 -
ionic2 /ionic3 使用md5加密算法,base64编码/解码
原本转自 http://www.story2wine.com/view/52 1.下载安装ts-md5 ,进入到项目文件夹下,执行下面的命令 npm install ts-md5 --save 2.在使用的模块中导入md5模块 import {Md5} from "ts-md5/dist/md5"; 3.使用md5 constructor() {转载 2018-03-19 15:26:22 · 1420 阅读 · 0 评论 -
Angular4中常用管道
Angular4中常用管道通常我们需要使用管道实现对数据的格式化,Angular4中的管道和之前有了一些变化,下面说一些常用的管道。一、大小写转换管道uppercase将字符串转换为大写 lowercase将字符串转换为小写<p>将字符串转换为大写{{str | uppercase}}</p>1str:string = 'hello'1页面上会显示 将字符串转换为大写HEL...转载 2018-03-12 15:52:47 · 1057 阅读 · 1 评论 -
前端angular 实现sku商品
HTML: 已选 {{formatNowSKUattr}} , {{numbercode}}件 数量 {{numbercode}} 加入购物车 确定 CSS: .shopSelectedBox{ width:100%; height:40px; line-height:40px原创 2018-02-25 10:42:49 · 914 阅读 · 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 · 12374 阅读 · 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 · 779 阅读 · 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 · 420 阅读 · 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 · 1938 阅读 · 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 · 257 阅读 · 0 评论 -
angular 双向绑定把字符串文本过滤成html文本(自定义过滤器)
//把字符串文本过滤成html文本 .filter('htmlContent', ['$sce', function($sce) { return function(input) { return $sce.trustAsHtml(input); } }])原创 2017-08-24 17:31:59 · 815 阅读 · 0 评论 -
给你一个承诺,玩转angularjs的Promise
在谈论Promise之前我们要了解一下一些额外的知识;我们知道JavaScript语言的执行环境是“单线程”,所谓单线程,就是一次只能够执行一个任务,如果有多个任务的话就要排队,前面一个任务完成后才可以继续下一个任务。 这种“单线程”的好处就是实现起来比较简单,容易操作;坏处就是容易造成阻塞,因为队列中如果有一个任务耗时比较长,那么后面的任务都无法快速执行,或导致页面卡在某个状态上,给用户的转载 2017-08-03 14:58:04 · 503 阅读 · 0 评论