自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(18)
  • 收藏
  • 关注

原创 组织机构树

调用<!-- 单位树型菜单 --> <app-tree [list]="org_list" name_field="ORG_FULLNAME" (onChange)="selectOrg($event)"> </app-tree>组件treetree.component.html<div class="tree-container {{cssClass}}"> <ng-container *ngFor="let item_l.

2021-03-11 09:08:54 293

原创 ionic 测滑菜单

.html<ion-content id="menu" #content> 页面内容 ...</ion-content><!-- 侧滑菜单 --><app-org-selector [org_list]="org_list" contentId="menu" (onOK)="onOrgChanged($event)"> </app-org-selector>//此处注意:id="menu"与contentId="men.

2021-03-11 09:00:21 188 1

原创 ionic 给页面加一个蒙层

.html <div #mask class="shade" *ngIf="IsShowCover"></div> <div #mainbox> 页面内容 ... </div>.cssion-content{ .shade{ position: absolute; top: 0px; left: 0%; width: 100%; background-color: black;

2021-03-10 16:00:10 179

原创 快速定位到指定位置

//存在未答完题的数组 let invalid_question_ids = []; if (invalid_question_ids.length) { //例如:存在没有答的题会自动跳转的对应的题目 document.querySelector(`#question${invalid_question_ids[0]}`).scrollIntoView(); }...

2021-03-10 15:48:54 245

原创 快速定位及反向定位

.html<ion-header> <ion-toolbar color="primary" mode="ios"> <ion-buttons slot="start"> <ion-back-button mode="ios"></ion-back-button> </ion-buttons> <ion-title> 快速定位

2021-03-10 15:39:10 841

原创 保留指定小数位数

.html<ion-content> <ion-row> <ion-col size="4" style="margin-top: 6px;">保留4位小数</ion-col> <ion-col size="7"> <ion-input [(ngModel)]="input" type="text" (ionChange)="checkInput($event)"></ion-input&gt

2021-03-10 15:32:36 144

原创 Android 9.0以后 无法访问http网络请求的解决方案

在Android9.0中,谷歌要求默认使用加密连接,这意味着 Android P 将禁止 App 使用所有未加密的连接,因此运行 Android P 系统的安卓设备无论是接收或者发送流量,未来都不能明码传输,需要使用下一代(Transport Layer Security)传输层安全协议,而 Android Nougat 和 Oreo 则不受影响。解决方案:1、降级targetSdkVersion版本 27或27以下(最简单直接的方式)2、在 res 下新增一个 xml 目录,...

2021-03-10 10:40:18 1914

原创 ionic 运行到真机上报错 net::ERR_CONNECTION_REFUSED (http://localhost:8100/)

执行ionic cordova run android 时,APP在手机上一启动就直接报错net::ERR_CONNECTION_REFUSED (http://localhost:8100/)。找了半天,在官方论坛上看到一个贴子:https://forum.ionicframework.com/t/net-err-connection-refused-http-localhost-8080/137126/31这里面有一条解决了我的问题:就是之前不知道为什么,config.xml中的<

2021-03-10 10:23:15 886

转载 ng2-pdf-viewer一直白屏不显示内容,Setting up fake worker fail

最近在ionic项目中,用ng2-pdf-viewer开发PDF浏览功能时遇到一个问题,表现就是插件一直白屏,PDF文件的内容不显示,如果给<pdf-viewer>加上错误事件监听:<pdf-viewer [src]="pdfSrc" (error)="onError($event)">onError(error: any) { console.log('PDF error', error);}在控制台可以看到报错Setting up fake worke.

2021-03-10 09:59:56 8800 1

原创 ionic 应用在iOS上打开相机拍照闪退、百度地图/高德地图定位失败(解决方案)

解决方案:使用Xcode 打开platforms/ios/xxx.xcodeproj打开Info.plist直接添加

2021-03-10 09:55:51 369

原创 ionic项目中使用ng2-pdf-viewer后build报错(pdfjs-dist 版本不匹配导致)

在ionic项目中引入ng2-pdf-viewer后,执行build命令后失败,报错。node_modules/ng2-pdf-viewer/src/app/pdf-viewer/pdf-viewer.component.d.ts文件中的第5行import { PDFDocumentProxy, PDFSource, PDFProgressData } from 'pdfjs-dist';报错的大意是pdfjs-dist没有导出这三个对象。后来看了下node_modules/ng2-p.

2021-03-10 09:40:26 1283

原创 Cordova is not defind

在ionic项目中引用插件cordova-plugin-inappbrowser。ionic serve后浏览器报错,cordova is not defind。此时,应该直接用真机或者模拟器调试,因为web端是没法直接调用一些插件的。

2021-03-10 09:34:00 1052

原创 ionic 下拉选择过滤筛选

html<div><ion-select [(ngModel)]="TYPE_ID" (ngModelChange)="switchType()" okText="确定" cancelText="取消" mode="ios"><ion-select-option value="0">全部</ion-select-option&...

2020-03-18 23:27:33 830 1

原创 *ngFor 列表默认显示固定条目数据

例如:需要默认显示4跳数据*ngFor="let item of course_list.slice(0,4)"

2020-03-18 15:30:38 245

原创 密码规则判断

1.密码规则是 12-20位,必须同时包含大写字母,小写字母,数字,不能包含特殊字符/^(?=.*[0-9])(?=.*[A-Z])(?=.*[a-z])[0-9a-zA-Z]{12,20}$/举例说明:let regex = /^(?=.*[0-9])(?=.*[A-Z])(?=.*[a-z])[0-9a-zA-Z]{12,20}$/.test(' ');if (!regex...

2020-03-16 17:14:50 3092

原创 ionic 下拉选择-选项绑定

方式一:事件绑定.html<ion-list> <ion-item> <ion-label class="label">职称:</ion-label> <ion-select placeholder="请选择您的职称" value="" okText="确定" cancelText="取消" mode="...

2020-03-14 00:17:04 814

原创 高德地图显示及定位的集成与实现步骤

1.登录高德服务平台  https://lbs.amap.com/    开发支持      Android地图SDK      获取key     应用管理     我的应用    创建应用    添加新key                    通过Android Studio获取SHA1                   第一步、打开 Android Studio 的 ...

2018-07-18 09:55:40 1077

原创 友盟分享集成及实现步骤

1.登录友盟官方网站 https://www.umeng.com/    产品   社会化分享  SDK及文档  安卓头像  社会化分享SDK(开发文档)2.在项目中导入文件夹下面需要的文件3.复制粘贴 配置Android Manifest XML   sdk中需要的Activity   qq(请注意将我们的qq appkey替换成您自己的qq appkey):        &l...

2018-07-18 09:50:57 4565 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除