ionic技巧
移动app开发-ionic
ThisShe
随笔
展开
-
ionic3 ble蓝牙插件实现蓝牙锁开/关锁功能(ase128加解密)
开启蓝牙——扫描外围设备——调用链接——开启订阅(返回的结果是buffer)——写入指令import { BLE } from '@ionic-native/ble';//蓝牙插件模块import * as CryptoJS from 'crypto-js'//加密工具// 特征UUID(可以下载BLE调试助手去获取uuid)1、设备的蓝牙的 Service UUID2、 设备的 Characteristic UUIDs :属性有Write / Read Notify bleservice原创 2021-11-26 15:28:23 · 724 阅读 · 0 评论 -
ionic项目打包ios xcode启动
1、下载xcode10.2版本或更高版本以上2、sudo ionic cordova platform add ios@5.1.13、sudo ionic cordova build ios4. 选择模拟器,运行,就可以调试了可能出现错误:1、Cannot read property ‘toLowerCase’ of undefined cordova build ios exited with exit code 1解决:ionic cordova platform add ios@5.0.X原创 2021-03-23 09:21:27 · 409 阅读 · 0 评论 -
ionic编译启动构建报错,TypeScript error: node_modules/@types/xx/index.d.ts‘ not found.
报:node_modules/@types/pdfjs-dist/index.d.ts(7,1)中的错误:错误TS1084:无效的“引用”指令解决:升级typescript版本使用命令“ npm i typescript@3.5.1”注:typescript版本升级后可能会带来app打包签名后不能正常启动,慎!...原创 2020-11-06 11:25:52 · 4372 阅读 · 0 评论 -
ionic 手机测试打开vconsole
index.html <!-- 手机测试vconsole--> <script src="https://cdn.bootcss.com/vConsole/3.2.0/vconsole.min.js"></script> <script> var vConsole = new VConsole(); </script>原创 2020-09-16 15:45:56 · 405 阅读 · 0 评论 -
ionic 设置默认值为空时,消除相差8个小时的时区,修改系统组件ion-datetime/设置定时器隐藏时间
一、最终效果图当前时间为2020-06-10 09:28:51默认值为空二、系统组件datetime.js源码路径:node_modules\ionic-angular\components\datetime\datetime.js增加参数pickerHH:true/** * @hidden */ DateTime.prototype.generate = function () { var _this = this; var pic原创 2020-06-10 09:35:29 · 797 阅读 · 3 评论 -
ionic3 创建\引用表单组件
一、创建组件1、创建组件:命令行创建组件:ionic g component mform2、html定义表单组件html3、ts二、引用1、在所需要的页面.module.ts引用组件:2、在所需要的页面.html运用组件:formdata——表单数组formVal——表单值id——表单idnavCtrl3、在所需要的页面.ts中定义数据:...原创 2020-06-05 10:01:48 · 190 阅读 · 0 评论 -
async 和await用法
async用于定义一个异步函数,该函数返回一个Promise。如果async函数返回的是一个同步的值,这个值将被包装成一个理解resolve的Promise,等同于return Promise.resolve(value)。await用于一个异步操作之前,表示要“等待”这个异步操作的返回值。await也可以用于一个同步的值。3.async/await可以说是co模块和生成器函数的语法糖。用更加清晰的语义解决js异步代码。熟悉co模块的同学应该都知道,co模块是TJ大神写的一个使用生成器函数来解决异步原创 2020-06-05 09:25:13 · 579 阅读 · 0 评论 -
ionic3 真机调试
1、打开手机开发人员调试模式(开始usb调试模式)2、链接usb 选择传输文件模式3、输入相应的命令sudo ionic cordova run android -lc //安卓sudo ionic cordova run ios -lc //苹果原创 2020-06-04 17:07:30 · 505 阅读 · 0 评论 -
ionic3 真机上手势右滑返回上一页
在ts中加入import { Platform } from 'ionic-angular';//返回Rootthis.platform.registerBackButtonAction(()=>{ navctrl.popToRoot();})//返回Popthis.platform.registerBackButtonAction(()=>{ navctrl.pop();})原创 2020-06-04 17:02:35 · 525 阅读 · 0 评论 -
icon3 汉字转拼音兼容低版本安卓6
1、在index.html中引用transliteratejs<!-- 汉字转拼音 --> <script src="assets/js/transliterate.js"></script>链接: https://pan.baidu.com/s/1u70ebaVArYP0myOrp7vJKg 提取码: sz3x2、在所需要的ts中头部申明方法declare var getPinYinByName:any //汉字转拼音...原创 2020-06-04 16:57:49 · 126 阅读 · 0 评论 -
ionic3 引入ztree
zTree官网链接:http://www.treejs.cn/v3/main.php#_zTreeInfo1、在index.html中引用jquery<script src="assets/ztree/js/jquery-1.4.4.min.js"></script>2、在项目中手动加入zTree,并在index.html中引入 <script src="assets/ztree/js/jquery.ztree.core.js"></script>原创 2020-06-04 16:50:38 · 318 阅读 · 0 评论