Cordova | Ionic | angular
Cordova | Ionic | angular
人生如游戏---
诚实厚道!
展开
-
angular 动画使用
再要使用的div层上边加上动画名称<div [@ShowMenu]=currentState></div>原创 2020-08-26 13:57:36 · 320 阅读 · 0 评论 -
VS CODE的个人爱好配置
打开File->preference->Settings 搜索Color Customizations 根据个人喜欢设定颜色{ "workbench.iconTheme": "ayu", "explorer.confirmDelete": false, "editor.wordWrap": "on", "editor.fontSize": 15, "workbench.colorTheme": "Darcula - Original", ...原创 2020-08-07 16:40:12 · 211 阅读 · 0 评论 -
ionic 利用code-push开发自己的热更新服务器
这里需要用到两个插件在npm可以下载 还要安装mysql数据库一个是code-push-server一个是cordova-plugin-code-push首先在服务器上安装code-push-serverstep 1 新建文件夹codepush 命令行输入// node进程管理器安装npm install pm2 npm install code-push-server@latest -g// 进入目录node bin/db init --dbname c...原创 2020-07-23 16:08:44 · 550 阅读 · 0 评论 -
ionic + angular 一个网址多个项目子域名设置
因为angular项目打包后如果是单个项目的话倒是没问题。如果是多个项目使用的话必须设置 URL重写1.打包项目时的项目网址2.使用web.config配置。重写URL<?xml version="1.0" encoding="UTF-8"?><configuration> <system.webServer> <rewrite> <rules> <!-- 项目1 --&...原创 2020-06-30 17:25:55 · 369 阅读 · 0 评论 -
ionic + angular 组件ion-slide 轮播组件使用
初期使用此组间时真是头疼的很,最后发现是组件参数定义的位置时机不对造成的问题。。。。最后终于解决了。。代码放到定义这里就可以了。Html代码<ion-content [fullscreen]> <ion-slides pager="true" [options]="options" loop="false" speed="500" pager="true" spaceBetween="0" direction="vertical" effect="slide" zoo原创 2020-06-27 12:19:17 · 540 阅读 · 0 评论 -
ionic + angular 验证码输入组件
Code/pincode input component for angularhttps://github.com/AlexMiniApps/angular-code-input#readme支持的平台Angular7, 8, 9 +Ionic4, 5 +Mobile browsers and WebViews on:Android and iOSDesktop browsers:Chrome, Firefox, Safari, Edge v.79 +Other ...原创 2020-06-21 02:58:33 · 549 阅读 · 0 评论 -
ionic + angualr 使用JSBarcode生成条码
https://www.npmjs.com/package/jsbarcode使用说明介绍step 1 安装jsbarcodenpm i jsbarcodestep 2 要使用的页面HTML放置<svg id="barcode"></svg>step 3要使用的页面ts放置import * as JsBarcode from 'jsbarcode'sBarcode('#barcode', this.salesId, { ...原创 2020-06-20 23:57:24 · 932 阅读 · 0 评论 -
Ionic i18n国际化解决方案(ngx-translate)
i18n,即“国际化”,是指根据App使用环境不同,调用不同的语言包在页面展示。可以是用户设置语言,也可以是跟随系统语言。下面,我们在Ionic中加入i18n国际化,请准备好你的项目了!1.核心内容使用Angular7的国际化(i18n)库:ngx-translate官网地址:http://www.ngx-translate.com/GitHub地址:https://github.com/ngx-translate/corengx-translate官网ng...转载 2020-06-19 11:48:08 · 913 阅读 · 1 评论 -
ionic5+capacitor+angular 错误收集
系统环境Ionic: Ionic CLI : 6.3.0 (/usr/local/lib/node_modules/@ionic/cli) Ionic Framework : @ionic/angular 5.0.5 @angular-devkit/build-angular : 0.801.3 @...原创 2020-03-28 19:14:36 · 797 阅读 · 0 评论 -
ionic 配置热更新(cordova-plugin-code-push)
Step 1.安装插件ionic cordova plugin add cordova-plugin-code-push@latestStep 2.原创 2020-05-14 02:16:12 · 951 阅读 · 0 评论 -
ionic + cordova 在安装上更改系统字体的时候。大小布局会乱的解决方法
1. 首先打包成 ionic cordova build android2.编辑MainActivity.java3.在文件头中添加引用:import android.webkit.WebView;import android.webkit.WebSettings;4.在loadUrl方法之后添加代码:loadUrl(launchUrl);WebView we...原创 2020-05-03 17:39:06 · 358 阅读 · 0 评论 -
ionic4|5 使用PickerController 组件
效果图Step 1要使用的ts文件代码import { Component, OnInit } from '@angular/core';import { NavController, PickerController } from '@ionic/angular';import { PickerOptions } from '@ionic/core';@Componen...原创 2020-04-10 15:27:26 · 1151 阅读 · 0 评论 -
ionic4|5 使用PopoverController 控件
效果图Step 1 TS建立弹出界面组件并引入PopoverController组件import { Component, OnInit } from '@angular/core';import { PopoverController} from '@ionic/angular';@Component({ selector: 'app-poppickstyle', ...原创 2020-04-08 20:44:50 · 1416 阅读 · 2 评论 -
ionic+capacitor+echarts 使用报表模块
官网地址https://www.echartsjs.com/zh/index.html安装方法// 如果需要GL 3D地球模型数据的支持先安装npm install echarts-gl -S// 不需要的话直接安装如下npm install echarts -Snpm install ngx-echarts -Snpm install @types/echarts -D...原创 2020-03-30 15:19:36 · 295 阅读 · 0 评论 -
ionic开发出现闪退情况下如何处理
使用ionic开发的时候一定会遇到打包好的APP在IOS或者android出现闪退的情况,因为不是原生开发,所以遇到闪退情况是必然的。。一般情况下都是插件引起的。逐个卸载增加插件检查是否有冲突或不兼容情况。或者新建项目逐个增加。...原创 2020-03-27 12:31:47 · 705 阅读 · 0 评论 -
ionic5+capacitor+angular
ionic更新到5之后。创建项目会默认使用capacitor容器。是ionic自己开发的一套类似cordova的东西。使用起来也比较简单。慢慢的会替代cordova,变成自己的东西吧。之前使用的是ioniccordova来操作 现在使用npx cap来操作安装ionicnpm install -g ionic创建项目ionic start capApp ta...原创 2020-03-25 10:31:38 · 3297 阅读 · 3 评论 -
ionic+cordova+angular 奇葩错误收集
1. ionic cordova build后。在XCODE里编译时提示找不到pods库。。原创 2020-03-24 09:29:57 · 277 阅读 · 0 评论 -
使用cordova-plugin-qrscanner报错
报错内容/Users/mac/Desktop/cordovaProject/azmobile_ionic4_tabs/platforms/ios/AZMobile/Plugins/cordova-plugin-qrscanner/QRScanner.swift:470:9: note: enclosing scope here if #available(iOS 10.0, ...转载 2020-03-23 10:42:03 · 1441 阅读 · 0 评论 -
ionic4+angular 增加图表显示报表数据
Creating Beautiful Charts Easily using Ionic 3 and Angular 4ionic start ionic-charts tabsInstall Angular 2 Charts and Charts.jsTo install Angular 2 charts (ng2-charts) and Charts.js, simply typ...转载 2020-03-20 18:06:25 · 656 阅读 · 0 评论 -
ionic4 + cordova 项目开发跨域问题
在讲我们实现跨域问题之前,我们简单的介绍下,为什么会出现跨域问题。那是因为在我们ios 的系统中存在两个网页浏览器,一个是UIWebView,一个是WKWebView,在以前ionic 构建的时候默认使用的是UIWebView,而这个网页浏览器并没有强制的实施了CORS。但是那是以前,而现在所构建的ionic的项目,都默认使用WKWebView。这个家伙呢,强制实施了CORS。当我们新建项目,把以...转载 2020-02-24 10:05:40 · 2945 阅读 · 1 评论 -
ionic4 + cordova 在mac上安装android调试环境
1.安装android studio2. brew install gradle3. ionic cordova requirements查看缺少什么sdkmanager --listsdkmanager --install "platforms;android-27"安装androidtarget原创 2020-02-21 16:15:08 · 263 阅读 · 0 评论 -
给ionic4增加推送通知FCM插件
开发环境ionic4 + angular8 + cordova增加推送通知增加插件ionic cordova plugin add cordova-plugin-fcm-with-dependecy-updatednpm install @ionic-native/fcm代码import { FCM } from '@ionic-native/fcm/ngx';co...原创 2020-02-20 18:11:54 · 1414 阅读 · 1 评论 -
IONIC4 使用自定义弹出框 -ModalController
1. 使用1.在使用的界面引入import { ModalController } from '@ionic/angular';2.在使用的界面的 .module.ts 引入要弹出的界面,并添加到 declarations 数组中, 在 @NgModule中增加 entryComponents 属性,把要弹出的界面添加到 entryComponents 中例如:imp...转载 2020-01-28 23:42:13 · 2265 阅读 · 0 评论 -
angular 6 HttpClient 请求数据方式总结
前端应用都需要通过HTTP协议与后端进行服务通,目前浏览器主要支持两种API通讯:XMLHttpRequest接口和fetch()API。而anluar最新提供的HttpClient是基于XMLHttpRequest 提供的接口。老版本方式:之前的方式,以http和jsonp为例,如果需要使用,则需要在app.module.ts 中导入对应的模块,并且要声明。然后再在对应的服务里面引...转载 2020-01-24 15:33:04 · 4915 阅读 · 0 评论 -
关于Cordova 开发上的问题
在开发和配置Cordova过程中,遇到的问题总结一下吧。1.根据系统要求安装JDK8u202,并配置JAVA_HOME, PATH等等环境变量。2.打开系统BIOS上的虚拟功能VT。3.根据检测到的内容一样一样安装配置。JAVA JDK就是 JAVA_HOMEandroid SDK就是android studio的 SDK安装目录android target就是这里...原创 2019-12-16 16:43:18 · 155 阅读 · 1 评论