
Angular2
文章平均质量分 50
chelen_jak
这个作者很懒,什么都没留下…
展开
-
SortableJS 拖动插件 (备忘)
angular table拖拽插件sortablejs原创 2023-04-27 10:08:00 · 716 阅读 · 1 评论 -
Angular添加自定义属性并绑定一个变量 (实用)
原文出处:https://blog.youkuaiyun.com/moqiuqin/article/details/98730433?spm=1001.2101.3001.6661.1&utm_medium=distribute.pc_relevant_t0.none-task-blog-2%7Edefault%7ECTRLIST%7Edefault-1.no_search_link&depth_1-utm_source=distribute.pc_relevant_t0.none-task-blog-转载 2021-10-29 11:28:30 · 988 阅读 · 0 评论 -
ionic在IOS的键盘弹出问题
原文出处:ionic在IOS的键盘弹出问题_寂寞的天空的博客-优快云博客 在使用ionic开发IOS系统微信的时候会有一个苦恼的问题,填写表单的时候键盘会挡住输入框,其实并不算什么大问题,只要用户输入一个字就可以立刻看见输入框了。 可惜的是,有些客户是不讲理的,他才不管这个问题,反正就是不行,所以在一天睡觉的时候突然惊醒,想出来这个方案。 我就不仔细讲代码了,直接上图 |angular.module('MyApp') .directive('focusInput', ['$.转载 2021-09-18 11:59:02 · 366 阅读 · 0 评论 -
Angular4 之DatePipe(日期时间管道)
原文出处:https://blog.youkuaiyun.com/sinat_41806435/article/details/97891684{{ dateTime | date:'yyyy-MM-dd HH:mm:ss'}} // 1989-07-22 10:21:21 {{ dateTime | date:'medium' }} // 1989年7月22日 上午10:21:21 {{ dateTime | date:'short' }} .转载 2021-04-12 09:25:43 · 1453 阅读 · 0 评论 -
ionic3+angular4动态设置入口页rootpage,根据不同的状态值来确定不同的入口页 (实用、赞)
一、ionic3+angular4动态设置入口页rootpage,根据不同的状态值来确定不同的入口页在ionic+angular4的项目中有一个需求,就是当项目启动后先自动调一个接口,这个接口返回四个不同的状态值,然后项目根据这个四个不同的状态值来设置不同的入口页;例如状态值为1是入口页为登录页,状态值为2时,入口页为首页,状态值为3时入口页为验证身份页等依次类推,动态的设置入口页rootpage。实现如下:1.将rootpage的初始值设置为空,2.然后在app.component.ts里面设转载 2021-03-26 10:49:50 · 450 阅读 · 0 评论 -
Ng 实现Observable 和 subscribe (二) (实用、备忘)
原文出处:Angular7入门辅助教程(六)——Subject(可多播的可观察对象)上次讲了Ng 实现Observable 和 subscribe的原理和方法,这次讲的Subject更符合实际应用代码:function f2() { // 创建Subject对象 const subject = new Subject(); // 创建观察者 const observer1 = { next: num => console.log("obser转载 2021-03-24 10:14:41 · 330 阅读 · 0 评论 -
Ng 实现Observable 和 subscribe (一) (实用、备忘)
原文出处:Angular7入门辅助教程(五)——Observable(可观察对象)方法一:import { of } from 'rxjs/observable/of';... private doTest() { let observable = of(1, 2, 3); //调用方法1: observable.subscribe({ next: num => console.log(num) }); //.转载 2021-03-23 16:39:26 · 678 阅读 · 0 评论 -
Ionic3 加用Loading效果后苹果手机(iOS)经常没法滑动,强制浏览器渲染Dom文档 (备忘)
问题描述 当页面加上loadingCtrl动画效果等待异步返回到loadingCtrl已释放,但苹果手机(iOS)经常计算Content高度有误,导致明明超出一屏的内容无法上、下滑动,安卓和PC上均能正常滑动;方案一:参考:Javascript 强制浏览器渲染Dom文档[html]<ion-content #content>[ts]@ViewChild("content") content: Content; private _contentHeig...原创 2020-07-09 18:27:56 · 349 阅读 · 0 评论 -
解决IOS中的超出滑动问题
原文出处:https://blog.youkuaiyun.com/Lucky_Q/article/details/88360187?utm_medium=distribute.pc_relevant_t0.none-task-blog-BlogCommendFromMachineLearnPai2-1.nonecase&depth_1-utm_source=distribute.pc_relevant_t0.none-task-blog-BlogCommendFromMachineLearnPai2-1.non转载 2020-07-09 18:04:49 · 1052 阅读 · 0 评论 -
angular async和await (实用)
原文出处:https://blog.youkuaiyun.com/hotboyboy/article/details/102825281?utm_medium=distribute.pc_relevant_t0.none-task-blog-OPENSEARCH-1.nonecase&depth_1-utm_source=distribute.pc_relevant_t0.none-task-blog-OPENSEARCH-1.nonecase在angualr中,一般调用了服务端接口都是异步,那如何实现异步转载 2020-07-03 10:02:56 · 2321 阅读 · 0 评论 -
Angular请求同步async、await使用方式
原文出处:https://blog.youkuaiyun.com/inforstack/article/details/84305087?utm_medium=distribute.pc_relevant.none-task-blog-baidujs-1啥也不说,贴出代码,看执行顺序。import { Component } from '@angular/core';import { HttpClient } from "@angular/common/http";@Component({ se.转载 2020-07-01 17:38:22 · 1186 阅读 · 0 评论 -
Angular Form的FormArray 和 FormGroup操作 (实用、备忘、赞)
1、Angular学习笔记45:响应式表单-FormArray & 动态的增加、减少FormArray中的元素 & 给FormArray 赋值2、Angular学习笔记48:响应式表单-FormArray 和 FormGroup的多层嵌套博主网址:https://me.youkuaiyun.com/wjyyhhxit (值得关注)...转载 2020-06-30 09:15:34 · 1623 阅读 · 1 评论 -
Ionic、Angular、Cordova打包压缩Web项目 - 解决vendor.js过大问题 (实用)
原文出处:https://blog.youkuaiyun.com/zhichaosong/article/details/90510657 (请转到原文)转载 2020-05-29 14:44:10 · 668 阅读 · 0 评论 -
Angular forRoot 详解
原文出处:https://www.imwhite.com.cn/2019/05/understand-angular-forroot/总结: forRoot 方法主要是为了解决依赖注入(DI)实例生成的问题转载 2020-02-14 16:08:13 · 932 阅读 · 0 评论 -
umeditor 专题
一、安装在 angular6/7 中使用 umeditor 富文本编辑器 (Ionic3适用,实用)二、UMeditor宽度自适应三、umeditor无法显示包含html、body标签解决办法 1、在http://ueditor.baidu.com/website/download.html#mini 下载的连whitelist的设置都没有 2、在https://git...原创 2020-02-14 15:54:30 · 261 阅读 · 0 评论 -
不再纠结devDependencies与dependencies (实用)
原文出处:https://blog.youkuaiyun.com/zDeer520/article/details/73431295以前一直在纠结一个npm安装的包依赖管理的问题。是这样的:我们在使用npm install 安装模块或插件的时候,有两种命令把他们写入到 package.json 文件里面去,他们是:--save-dev或--save首先需要说明的是Dependencie...转载 2020-02-13 16:44:23 · 326 阅读 · 0 评论 -
ionic3中通过service定义全局参数和方法 (实用)
原文出处:https://www.jianshu.com/p/243e4374e6c8为了方便管理,打算将GET和POST请求定义成一个公共方法来调用,另外调用的URL也可以定义到全局。废话不多说,看代码~1、首先定义一个service,我们命名为app.service.ts,放到app目录下即可。里面还有一些其他有用的方法,大家可以参考,当然也可以自己添加啦~import { ...转载 2020-02-13 14:24:32 · 513 阅读 · 0 评论 -
npm(安装、删除、发布、撤销)(备忘)
原文出处:https://www.jianshu.com/p/36c6aedc041b转载 2020-02-12 15:03:39 · 865 阅读 · 0 评论 -
umeditor实用封装示例(实用、赞)
网址:https://github.com/cipchk/ngx-umeditor (已下封装好,值得下载细看)转载 2020-02-12 09:23:28 · 220 阅读 · 0 评论 -
angular5 使用 ueditor (实用)
原文出处:https://www.cnblogs.com/guofan/p/10065138.html (做个备忘,建议阅读原文)项目中新功能需要用到富文本编辑,查找了几个富文本编辑器,结合需求以及以后产品说的可能扩展,最终选择了ueditor 首先就是功能超多,一步到位,估计都不用二次开发就够用了: 使用的话,首先要装包:(npm install ngx-ueditor ...转载 2020-02-12 09:17:08 · 940 阅读 · 0 评论 -
在 angular6/7 中使用 umeditor 富文本编辑器 (Ionic3适用,实用)
原文出处:https://blog.youkuaiyun.com/lurenxie/article/details/93170297目前做angular7项目是用的zorro后台框架,很好用,除了没有富文本编辑器,于是到处找,最后选定了umeditor,比较轻量级,但是,找了一大圈后发现开不起来,最后百般折腾终于搞定,这记录下几个关键点。首先按照npm的官方教程,地址是https://www.npm...转载 2020-02-12 09:03:46 · 774 阅读 · 0 评论 -
Angular2学习笔记——NgModule 主要属性 (实用)
摘自:https://www.cnblogs.com/dojo-lzz/p/5878073.htmlAngular2学习笔记——NgModule 在Angular2中一个Module指的是使用@NgModule修饰的class。@NgModule利用一个元数据对象来告诉Angular如何去编译和运行代码。一个模块内部可以包含组件、指令、管道,并且可以将它们的访问权限声明为公有,以使外部模...转载 2020-02-11 11:26:59 · 770 阅读 · 0 评论 -
百度Ueditor编辑器的Html模式自动替换样式的解决方法 (实用)
原文出处:https://blog.youkuaiyun.com/zhangyunpengchang/article/details/53895541延伸阅读:umeditor无法显示包含html、body标签解决办法百度的Ueditor编辑器出于安全性考虑,用户在html模式下粘贴进去的html文档会自动被去除样式和转义。虽然安全的,但是非常不方便。打开ueditor.config.js做出如下修改即...转载 2020-01-17 18:18:17 · 869 阅读 · 0 评论 -
Angular2x中使用iFrame( 之二)(实用、赞)
前几天写了《Angular2x中使用iFrame (实用、赞)》为了呈现ifram内嵌页面的全部内容要利用到window.postMessage方法,并且在嵌入的html文件中要加入javascript代码来处理,今天经Tony指出其实有更便捷的方法,改动如下 :【父页面 html】<meta charset="utf-8" /><ion-header style="d...原创 2020-01-17 17:41:47 · 506 阅读 · 0 评论 -
angular2--怎么在angular2框架内使用iframe嵌入一个抽奖大转盘 (实用)
原文出处:https://blog.youkuaiyun.com/Ariel_201311/article/details/90516824实现效果如下:我想在angular2框架内实现一个抽奖转盘的效果,在源码库里下载到的代码基本都是使用jquery框架和js技术的,和angular2使用的ts不符合,很难改动。那么能不能使用html+js实现这个页面,再把它嵌入到ng2里面呢?答案是可以的。1、...转载 2020-01-15 12:34:39 · 380 阅读 · 0 评论 -
Angular2x中使用iFrame (之一)(实用、赞)
先上图:红框是iFrame嵌入的子页面之前在《利用iframe嵌入html页面 (实用, 赞)》已试过了iFrame嵌入html,但转到Angular中遇到以下几个问题:一、利用DomSanitizer, SafeResourceUrl解决xss错误;参考:Angular 8 使用 iframeAngular 2 DomSanitizer二、用postMessage处理父子相互传值,...原创 2020-01-15 11:43:12 · 1487 阅读 · 0 评论 -
angular 引用第三方库 js的两种方法(基础)
1、利用angular-cli.json的script属性2、直接在index.html中引入js参考:《Angular4中调用js代码》《详解Angular-Cli中引用第三方库》后来了解到,angular-cli的项目使用webpack来将模块打包, 我们这里配置的scripts和styles会被打包成scripts.bundle.js和styles.bundle.j...转载 2020-01-10 11:36:38 · 1334 阅读 · 0 评论 -
angular2 中使用index.ts取代引用单个组件 (实用)
原文出处:https://www.jianshu.com/p/7cc53e7d2938 (原文更易阅读)CK110关注2016.07.30 19:26:30字数 77阅读 1,2561. 基础环境配置angular2 rc4 版本 按照官网的webpack 配置2. 第一种方式src/app/components/contains/contain1.tsimpor...转载 2020-01-09 15:13:01 · 325 阅读 · 0 评论 -
@ViewChild()使用 (调用子组件方法,实用)
原文出处:https://blog.youkuaiyun.com/weixin_41952198/article/details/828648901、子组件加入个方法methods(val){ console.log('值为'+val) }2、为父组件中的子组件加入变量<app-viewc #View1></app-viewc><app-...转载 2019-12-25 10:01:41 · 1858 阅读 · 0 评论 -
ionic3 textarea 自适应指令(实用、赞、改良版)
参考:https://blog.youkuaiyun.com/chelen_jak/article/details/103201459解决问题: 数据异步加载时无法实现TextArea的自动高度,只能通过输入时才会自动高度。解决方法: 引用ngDoCheck事件代规input事件具体代码:import { Directive, HostListener, Ele...原创 2019-11-27 09:52:00 · 208 阅读 · 0 评论 -
Angular7实现监听组件外部的点击事件 (实用)
原文出处:https://www.jianshu.com/p/2c5a834b30c2 (建议阅读原文)熟悉Angular7的同学都知道,在Angular7中想要监听组件内部的点击事件是非常简单的——只需要使用(click)事件绑定到组件,再向组件的实例中传入一个函数就搞定了。然而,当你想要监听组件外面的点击事件时,事情就变得很棘手了。而且这种情况在当你实现一些自定义的drop-down列表...转载 2019-11-26 15:47:35 · 4486 阅读 · 1 评论 -
Angular @HostBinding()和@HostListener()用法 (实用)
原文出处:https://blog.youkuaiyun.com/qq_36451496/article/details/86690382@HostBinding()和@HostListener()在自定义指令时非常有用。@HostBinding()可以为指令的宿主元素添加类、样式、属性等;@HostListener()可以监听宿主元素上的事件;举例:实现一个在输入时实时改变字体和边框颜色imp...转载 2019-11-26 11:34:54 · 678 阅读 · 0 评论 -
引入指令或引入模块(实用,备忘)
【前提】假设已有一个指令bg-color 和 一个包含多个指令的模块directives.module 某个页面用这个bg-color指令,方法可以用以下两种:1、直接引入这个bg-color指令在调用指令页面的module.ts里导入指令文件并声明2、引入包含bg-color指令的模块在调用指令页面的module.ts里导入模块文件并声明【页面调用...原创 2019-11-22 17:10:39 · 215 阅读 · 0 评论 -
YY游戏云的AngularJS实践
出处:http://mp.weixin.qq.com/s?__biz=MjM5MjAwODM4MA==&mid=2650686288&idx=1&sn=2b25db1236b4acc0d9678e15ec2b5734&scene=0#wechat_redirect原创 2016-04-14 李泽扬 优快云导语本文主要介绍多玩YY在使用AngularJS开发云控制台前端框架转载 2016-04-14 10:36:50 · 709 阅读 · 0 评论 -
去哪儿网前端架构师司徒正美:如何挑选适合的前端框架?
原文出处:http://www.youkuaiyun.com/article/2015-05-11/2824656-fontend-Frameworks摘要:前端框架不断推新,众多IT企业都面临着“如何选择框架”,“是否需要再造轮子”的抉择。去哪儿网前端架构师司徒正美分析了各主流行框架优劣点、适用场景,并针对不同规模的公司、项目给出了相应的前端技术选择方案。最近几年,前端技术迅猛发展,转载 2016-12-17 10:16:19 · 1645 阅读 · 0 评论 -
对照Angular/jQueryUI/Extjs:没有一个框架是万能的
原文出处:http://www.myexception.cn/javascript/1349816.html对比Angular/jQueryUI/Extjs:没有一个框架是万能的 对比Angular/jQueryUI/Extjs:没有一个框架是万能的 大漠穷秋 [郑重警告:此文略犀利,可能引起肾上腺素升高、内心不适等症状,请慎重浏览。]转载 2016-12-17 09:53:39 · 964 阅读 · 0 评论 -
angular中的MVVM模式 (赞,运作原理)
原文出处:http://www.cnblogs.com/whitewolf/p/4581254.html2015-06-16 16:47 by 破狼, 9381 阅读, 1 评论, 收藏, 编辑在开始介绍angular原理之前,我们有必要先了解下mvvm模式在angular中运用。虽然在angular社区一直将angular统称为前端MVC框架,同时angular团队也转载 2016-12-17 16:36:18 · 1210 阅读 · 0 评论 -
揭秘AngularJS工作原理
原文出处:http://blog.youkuaiyun.com/ligang2585116/article/details/48223263版权声明:本文为博主原创文章,未经博主允许不得转载。转载请标明出处:http://blog.youkuaiyun.com/ligang2585116!目录(?)[+]从本质上讲,在浏览器加载AngularJS web应用的方式与转载 2016-12-17 16:48:14 · 805 阅读 · 0 评论 -
Angular项目构建指南 - 不再为angular构建而犹豫不决
原文出处:https://my.oschina.net/blogshi/blog/280400摘要: 洋洋洒洒写了一大堆都是最近构建项目的一些经验,对于angular项目的构建确实不大同于以往的前端框架,所以特此记录分享给大家,希望有所帮助. 前言 接触Angular也有小半个月了,虽然没有使劲折腾,不过正所谓"no zuo no die".学一门新东西,不好好转载 2016-12-17 17:06:22 · 483 阅读 · 0 评论 -
UI-Router:为什么开发者都不喜欢Angular.js内置的路由
原文出处:http://www.jianshu.com/p/35c0acdea86cAngular.js 是一个用来构建“富客户端”的神奇JavaScript框架。但是事实却是许多开发者却不使用其内置的路由模块。反而使用AngularUI项目的UI-Router模块来代替之。这是因为UI-Router有两个重要的特性:多样化视图嵌入式视图这篇文章将解释这两个特性,和运用现实转载 2016-12-17 17:07:36 · 1074 阅读 · 0 评论