Ionic

首页 > TAG信息列表 > Ionic

从0到1的ionic自定义插件

一、准备工作在创建插件的时候需要用到plugman插件，所以我们先在cmd中通过npm进行安装，如下： npm install -g plugman 二、开发插件 1. 创建插件创建一个插件框架---例如:plugman creat --name 插件名字 --plugin_id 插件id --plugin_version 插件版本号，插件可创建在磁盘的

angular ionic ts的数据不更新到html页面

场景：在ts中更新了某个数据但是未刷新到html页面，该页面的上方放置的腾讯地图，下方放置需要更新数据的版块，该板块的数据未更新其他页面能正常更新原因：未知解决方法：在ts中更新数据的后面加如下语句 this.cd.detectChanges();

npm安装ionic

npm安装ionic npm install -g ionic@4.15.0 //安装指定版本 npm install -g ionic@latest //安装最新版本安装完成检测 ionic -v //查看版号 ionic info //查看完整信息

H5 IONIC 3国际化配置

开发规范： 1、多语言目前均采用的中文，防止某些系统异常，即可默认显示中文 2、html中书写规范 2.1 文本标签 <ion-label> {{'开始时间' | translate}} </ion-label> 2.2 组件 <ion-input type="text" [placeholder]="'请输入会议名称(必填)' | translate" class="font

ionic 文件下载

注意，只能用于http/https去下载文件依赖： npm install @ionic-native/downloader integrator-cordova-plugin-downloader import { Downloader } from '@ionic-native/downloader/ngx'; constructor(private downloader: Downloader) { } ... var request: DownloadRequ

ionic tab页再次进入不会初始化组件调用ngOnInit

出现场景：将一个非tab页的路由model定义在了tab的子路由中如下：当从tab页跳转至该路由下的也页面，页面只会渲染一次（即只会调用ngOnInit一次），此后再次进入该子页都不会再渲染且不会调用ngOnInit事件后面查阅资料说是在 Ionic 中，tab 渲染成功后，只要应用不重启，tab 就不会销毁，ngO

Module not found: Error: Can't resolve '@awesome-cordova-plugins/core' in '\nod

使用ionic官方的方式安装file-transfer如下： $ ionic cordova plugin add cordova-plugin-file-transfer $ npm install @awesome-cordova-plugins/file-transfer 在引用时报错后面查阅资料猜测原因是，使用awesome-cordova-plugins安装插件导致，本地没有安装@awesome-cor

ionic 和 angular 生命周期

3、ionic4.x 生命周期函数Ionic4 中内置的生命周期函数： ionViewWillEnter—当进入一个页面时触发(如果它从堆栈返回) ionViewDidEnter—进入后触发 ionViewWillLeave—如果页面将离开触发 ionViewDidLeave—在页面离开后触发 ionViewWillUnload—页面卸载的时候会触发，如果无法触发

【angularjs】$ionicModal.fromTemplateUrl 使用案例

ionic input 标签的使用

input标签支持的type 与html中一样有 input标签有(text, password, email, number, search, tel, 或 url) 类型。注明了类型之后自动切换键盘类型。 value input 的值。 disabled ="true" 是否禁用、 clearinput 在编辑的时候是否出现一键删除按钮浮动显示与固定显示

Ionic/Vue3 北京政务App 问题记录（1）

目录 1. 初始化项目，上传 GitLab 2. Android App 打包流程 3. App 在真机上无法访问网络的问题 4. 替换 App 应用名 / 包名 / 唯一标识 scheme 5. 一些 Ionic 样式修改注意事项 / 返回按钮 6. 无数据组件 no-data.vue / !! 作用 7. async/await VS promise.all()【select and l

下载angular项目报错[ERROR] ionic-app-scripts has unexpectedly closed (exit code 1).

下载的一个angular+ionic3的项目，运行终端命令ionic serve显示报错如下： > ionic-app-scripts.cmd serve --address localhost --port 8100 --livereload-port 35729 --dev-logger-port 53703 --nobrowser [app-scripts] internal/modules/cjs/loader.js:888 [app-scripts] thro

B/S项目开发框架DevExtreme初级入门教程 - 使用Ionic

ionic 中如何使用 swiper 插件

首先，我们下载 swiper 的 js 和 css，将其放置 assets 中，在 src 下的 index.html 中引入（当然也可以直接引入 CDN ）  <link rel="stylesheet" href="./assets/css/swiper-4.4.1.min.css"> <script src="./assets/js/swiper-4.4.1.min.js"&

Angular DAY05

Angular05 ionic 就是基于angular的一个自带手机端样式的组件库; 循环滚动 https://ionicframework.com/docs/api/slides <ion-app> <ion-header> <ion-toolbar> <ion-title>段子</ion-title> </ion-toolbar> </ion-header> <ion-c

HTML5学习总结-番外03 Angular Ionic

一 Angular Angular使用了MVVC设计模式，MVVC在概念上是真正将页面与数据逻辑分离的模式，它把数据绑定工作放到一个JS里去实现，而这个JS文件的主要功能是完成数据的绑定，即把model绑定到UI的元素上。 1 下载地址 http://angularjs.org 2 学习教程开发工具： HBuilder 学习教程： http://

ionic 卡片的使用

近年来卡片(card)的应用越来越流行，卡片提供了一个更好组织信息展示的工具。针对移动端的应用，卡片会根据屏幕大小自适应大小。我们可以很灵活的控制卡片的显示效果，甚至实现动画效果。卡片一般放在页面顶部，当然也可以实现左右切换的功能。 <div class="card"> <div class="item

Ionic在android中返回键的处理问题

一，一段代码就可以解决问题，这段代码应该放在app.js中： //ionic点击系统返回键退出APP .run(function ($rootScope, $ionicPlatform, $state, $ionicHistory, $ionicPopup, $cordovaKeyboard, $timeout) { window.addEventListener('native.keyboardhide', function (e) { cor

关于ionic连接服务器时出现的500错误

这两天在忙着用ionic开发一个APP，在完全不了解到熟悉的过程中遇到很多坑，现在就说一个关于ionic和后台服务器连接过程和中出现的500错误！首先，我一切环境都跑起来了，就像是下面这样（显示一）然后，当我很开心的觉得我跑起来时，突然发现他向我报

[记录点滴]在Ionic和Android中上传Blob图片

[记录点滴]在Ionic和Android中上传Blob图片目录[记录点滴]在Ionic和Android中上传Blob图片0x00 摘要0x01 Blob0x02 项目简述0x02 Ionic0x03 Android0x04 Lua0x05 参考0x00 摘要本文是开发中的简略记录，具体涉及知识点有：Blob，Ionic，Android和Lua。起因是因为刚刚看到一篇关于Blob的文章

ionic 按钮、导航等组件的使用

这里写目录标题 ionic5中内置颜色介绍使用按钮expand设置按钮的宽度fill设置背景填充size设置按钮的大小mode 决定使用哪种平台样式按钮结合图标导航组件简介使用 ionic5中内置颜色介绍首先介绍下ionic 5 内置颜色可用在按钮、图标、导航等这些颜色的配置是在src

ionic新增tbas页面

新建页面 ionic g page tabs 删除路由在src\app\app-routing.module.ts下将tab4路由删除在tabs下配置tabs4的路由 src\app\tabs\tabs-routing.module.ts：新建tabs4的切换按钮在tabs页面中新建tabs4的切换按钮 src\app\tabs\tabs.page.html: 打开页面，我们可以看到新的

ionic5混合app开发环境配置以及项目和调试apk生成

文章目录 JDK安装1.JDK的下载JDK的安装JDK环境变量配置 ANDROID SDK安装Android sdk安装包下载安装配置ANDROID环境变量 nodejs安装下载安装安装GIT下载安装 gradle配置ionic和cordova的安装新建项目创建启动项目配置平台 ionic5混合App开发环境的配置需要安装JDK、And

ionic HTML5 移动应用框架 v4.3.0

介绍 Ionic Framework是一个开源UI工具包，用于使用Web技术（HTML，CSS和JavaScript）构建高性能的高质量移动和桌面应用程序。 Ionic Framework专注于前端用户体验，或应用程序的UI交互（控件，交互，手势，动画）。它易于学习，并与其他库或框架（如Angular）很好地集成，或者可以独立使用而无需使用简

ionic ModalController二次弹出模态框

需求：当你已经打开了一个模态窗A的时候，想在这个模态窗A的基础上再打开一个模态窗B。 **原理：**要在A的上下文环境下创建B 如下图直接创建是会报错的（this.modalController.create is not a functoin）要在构造方法constructor里改变presentModal方法的this指向，指向modalControll