
Ionic3
chelen_jak
这个作者很懒,什么都没留下…
展开
-
SortableJS 拖动插件 (备忘)
angular table拖拽插件sortablejs原创 2023-04-27 10:08:00 · 716 阅读 · 1 评论 -
Ionic3 程序断点错位 (实用、赞)
原文出处:https://cloud.tencent.com/developer/ask/sof/1873274/answer/2547122转载 2022-04-24 11:20:50 · 161 阅读 · 0 评论 -
ion-header 动态高度处理(content) (实用、赞)
方法一: 利用content.resize() 方法参考:【技巧】ionic3中content的resize知多少@Component({ template: ` <ion-header> <ion-navbar> <ion-title>Main Navbar</ion-title> </ion-navbar> <ion-toolbar *ngIf="showToo.转载 2021-11-22 09:36:02 · 533 阅读 · 0 评论 -
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 APP通过scss全局文件换皮肤,typescript中component.ts文件获取scss文件中定义的全局变量
原文出处: https://blog.youkuaiyun.com/u012381782/article/details/109715521 (建议阅读原文)typescript中component.ts文件获取scss文件中定义的变量第一步首先定义全局scss变量// $appType:'PPW';$appType:'LJ';// 主色$LJMainColor:#FFCA3A;// 表单 label 、value颜色 黑色$LJLabelColor:#252629;// PlaceHolde.转载 2021-09-18 17:31:47 · 405 阅读 · 0 评论 -
ionic在IOS的键盘弹出问题
原文出处:ionic在IOS的键盘弹出问题_寂寞的天空的博客-优快云博客 在使用ionic开发IOS系统微信的时候会有一个苦恼的问题,填写表单的时候键盘会挡住输入框,其实并不算什么大问题,只要用户输入一个字就可以立刻看见输入框了。 可惜的是,有些客户是不讲理的,他才不管这个问题,反正就是不行,所以在一天睡觉的时候突然惊醒,想出来这个方案。 我就不仔细讲代码了,直接上图 |angular.module('MyApp') .directive('focusInput', ['$.转载 2021-09-18 11:59:02 · 366 阅读 · 0 评论 -
ionic4 做webapp ios下 input 等输入框 键盘弹起在收回 焦点错位问题 (赞、实用)
原文出处:ionic4 做webapp ios下 input 等输入框 键盘弹起在收回 焦点错位问题_黄正梦的博客-优快云博客1. 用ion-input ion-textarea的情况下<ion-input (ionBlur)="onBlur()"></ion-input>onBlur() { if (this.platform.is('ios')) { // 处理微信浏览器ios输入框关闭时,无法正确缩回 true 顶部对齐 false 底部对齐 ...https://blog.转载 2021-09-18 11:16:41 · 312 阅读 · 0 评论 -
利用@ViewChild ionic3增加后滚到新加行 (实用、赞)
参考:ionic3——ion-scroll无法使用scrollTo的问题原创 2021-08-24 16:51:30 · 123 阅读 · 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 评论 -
ionic4关于ion-tabs的研究 (实用、赞、懒加载)
原文出处:https://blog.youkuaiyun.com/zxcv19961204/article/details/89152152最近在研究ionic4,对ion-tabs的用法有疑惑在tab模块里的写法【tab.html】<ion-tabs selectedIndex="{{constants.rootTab}}"> <ion-tab [root]="tab1Root" tabTitle="主页" tabIcon="home"></ion-tab>转载 2021-03-26 16:58:45 · 382 阅读 · 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 评论 -
【前端】ionic--星级评价半颗星实现方法 (实用)
原文:https://blog.youkuaiyun.com/m18633778874/article/details/85336363效果图:转载 2020-08-17 09:04:52 · 379 阅读 · 0 评论 -
Ionic3,装饰器(@Input、@ViewChild)以及使用 Events 实现数据回调中的相关用法(五) (实用、赞)
原文出处:https://www.cnblogs.com/mysouler/p/9459122.html (详情见原文)页面往上滑“发现”出来了,效果图:转载 2020-07-09 18:44:36 · 190 阅读 · 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 评论 -
Ionic4--loading异步加载,导致无法正确消失
原文出处:https://blog.youkuaiyun.com/fn512613/article/details/103693603/原因:由于异步导致dissmiss()方法先走,然后才执行present()方法在stackoverflow上找到了比较好的解决办法public loadingIsOpen: any = false; ////loading加载 async show() { this.loadingIsOpen = true; return await th.转载 2020-07-01 17:30:57 · 502 阅读 · 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 评论 -
Ionic2-Gestures tap press pan swipe等手势事件
原文出处:http://www.360doc.com/content/17/0407/16/16002580_643656532.shtml先上效果:基本的手势可以通过绑定到tap(点击),press(按下),pan(随着手指移动),swipe(随着手指迅速移动),rotate(旋转),pinch(缩放)等事件上的HTML元素来使用,这里只演示前四个。html...转载 2020-06-19 12:03:03 · 248 阅读 · 0 评论 -
Ionic、Angular、Cordova打包压缩Web项目 - 解决vendor.js过大问题 (实用)
原文出处:https://blog.youkuaiyun.com/zhichaosong/article/details/90510657 (请转到原文)转载 2020-05-29 14:44:10 · 668 阅读 · 0 评论 -
Android ionic 使用当中的几个问题记录 (实用)
原文出处:https://blog.youkuaiyun.com/baidu_29512909/article/details/82848427 (建议阅读原文)问题1:@ionic/app-scripts not installed解决: 在项目目录下安装:npm install @ionic/app-scripts@latest --save-dev问题2:Cannot read proper...转载 2020-04-08 16:26:58 · 259 阅读 · 0 评论 -
运行ionic build --prod命令时,项目报错 (实用、赞)
原文出处:https://blog.youkuaiyun.com/weixin_39563840/article/details/88202040?depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-2&utm_source=distribute.pc_relevant.non...转载 2020-04-08 14:54:26 · 568 阅读 · 0 评论 -
ionic开发——Node Sass does not yet support your current environment解决办法 (实用)
原文出处:https://blog.youkuaiyun.com/yu17310133443/article/details/72884752这个问题在升级ionic2的时候可能会遇到,不一定是windows,但是解决办法都是一样的,其实很简单,就是sass不支持当前的环境,那么在当前环境重新安装一下就好了先卸载:npm uninstall --save node-sass在安装:npm...转载 2020-02-15 11:06:33 · 159 阅读 · 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 评论 -
NPM install -save 和 -save-dev 傻傻分不清
原文出处:https://www.limitcode.com/detail/59a15b1a69e95702e0780249.html (建议阅读原文)回顾 npm install 命令最近在写Node程序的时候,突然对 npm install 的-save和-save-dev 这两个参数的使用比较混乱。其实博主在这之前对这两个参数的理解也是模糊的,各种查资料和实践后对它们之间的异同点略有...转载 2020-02-13 16:35:35 · 185 阅读 · 0 评论 -
ionic serve 启动后,修改代码,自动编译报错,刷新浏览器也报错 (实用)
方法一 :原文出处:https://blog.youkuaiyun.com/zhangqun23/article/details/88795434events.js:160 throw er; // Unhandled 'error' event ^Error: read ECONNRESET at exports._errnoException (util.js...转载 2020-02-13 16:25:25 · 680 阅读 · 0 评论 -
ionic3常用命令行集合
原文出处:https://blog.youkuaiyun.com/fan2252228703/article/details/78115912npm install -g cnpm –registry=https://registry.npm.taobao.org(npm镜像源指向淘宝)cnpm install -g cordova ionic(安装cordova ionic)cnpm updat...转载 2020-02-13 14:41:42 · 154 阅读 · 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 评论 -
Ionic3.x+ 目录结构分析、创建组件、创建 页面、页面跳转
原文出处:https://blog.youkuaiyun.com/zwt_guiji/article/details/81094370载取文件结构图:转载 2020-02-12 14:22:43 · 127 阅读 · 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 评论