IONIC - 技术教程文章
javascript – Ionic Framework – 尝试推送页面时,’nav’未定义【代码】
我正在尝试使用Ionic框架制作Android应用程序.我实现了一个侧面菜单,当我尝试从侧面菜单中推送页面时,我在控制台中收到错误消息：Cannot read property ‘push’ of undefinedapp.tsimport { Component, ViewChild } from '@angular/core'; import { ModalController, ionicBootstrap, Platform, MenuController, NavController } from 'ionic-angular'; import { StatusBar } from 'ionic-native';import { HomePage } from './pa...
javascript – 计算Google Maps for Ionic 2中两点之间的距离【代码】
我开始使用这个我必须在我正在处理的应用程序上实现的新功能时遇到了问题.所以应用程序就是这样的;用户通过按下按钮在地图上输入一个点并获取源的latlng.另一个模态打开然后他们必须为目的地做同样的事情.我想要做的是计算两点之间的距离,并在地图上显示一条路线.我一直试图找到这方面的教程,但没有运气.任何人都知道如何做这个或有任何工作的例子回购,我可以看看它？会有很大的帮助.谢谢！解决方法:你见过这个吗： https://stacko...
javascript – 如何使用$ionic模式使用’controller as’语法【代码】
我正在使用AngularJS 1.5.3编写应用程序.我正在使用$ionicModal服务向我的用户显示模态. 我想将我的代码移动到’controller as’语法中,但我不确定如何使用$ionicModal服务. 这是我的控制器代码：(function () {"use strict";angular.module('myApp').controller('myController', myController);myController.$inject = ['$scope','$ionicModal','myService'];function myController($scope, $ionicModal, myService) {$scope.data...
javascript – 带触摸设备的d3变焦有时表现得很奇怪(使用IONIC)【代码】
我有一个d3&可以在github here上找到的离子项目.我没有创建一个Plunkr,因为该bug必须通过android模拟器或android设备重现. 我有一个平移和缩放的图形.我试图一次在图表中保留大约60个数据点.当用户到达“边缘”意味着域和数据点之间的距离大约为2时,我刷新附加的数据并基于新域移除数据.在异步调用之前,似乎缩放变得混乱并且平移导致缩放就像我在捏一样.在平移时重绘图形时会发生这种情况.我无法弄清楚为什么. 我正在使用Ionic和d3...
javascript – TypeError：Object(…)不是带有ECharts的Ionic 4应用程序中的函数【代码】
我正在尝试按照本指南将ECharts集成到Ionic(4)应用程序中： https://golb.hplar.ch/2017/02/Integrate-ECharts-into-an-Ionic-2-app.html 我按如下方式安装了所有模块(我添加了“离子信息”输出)：D:\e-charts-debug>ionic info √ Gathering environment info - done!Ionic:ionic (Ionic CLI) : 4.1.1Ionic Framework : ionic-angular 3.9.2@ionic/app-scripts : 3.2.0Cordova:cordova (Cordova CLI) : 8.0.0Cordova Platform...
javascript – 使用Ionic和Webpack导入ngstorage时无法解析模块’angular’【代码】
我正在使用Ionic与Webpack和Typescript实现一个应用程序.我通过npm安装’ngstorage’并尝试导入条目ts文件,但Webpack显示错误 – ‘无法解析模块’angular”. 我搜索了这个错误并意识到我需要在package.json文件和node_modules中包含angular.但是,ionic-sdk模块已经包含了角度.所以它反而在浏览器中显示一个不可接受的错误,我试图多次加载角度. Webpack是否有办法跳过模块解析器或指向角度模块到ionic-sdk模块的路径？或者有其他建...
javascript – 如何在Controller As语法中使用带有范围的Ionic Popup？【代码】
我有一个使用Controller作为语法的Angular控制器设置,我需要从一个方法创建一个带有绑定数据字段的Ionic Popup.我无法弄清楚的是如何为数据绑定设置弹出窗口的范围.我找到了this的例子但是对我来说使用这个和$scope似乎很麻烦.有没有更好的方法来做到这一点,还是我应该回到$scope方法？ 我的控制器看起来像这样(标有问题)：.controller('AccountCtrl', function ($ionicPopup) {// Properties ===========this.resetData = {};// M...
javascript – 使用Ionic scroll-delegate的动态值【代码】
我的情况是我制作了一个五页使用的离子视图.这些页面通过“tab like”菜单导航,该菜单不使用ion-tabs或类似的东西(不是问题的真正意义).我现在想为Ionics滚动委托使用动态值,但它似乎不起作用.我已经在同一主题上阅读了其他问题(在SO和Ionic论坛上),但它们是Ionic 1.0.0左右时代的旧主题,并且提供的解决方案在今天不起作用. 我的离子视图模板：<ion-view><ion-content delegate-handle="{{category.id}}" on-scroll="scrollEvent(c...
android – Ionic移动应用程序可以免费为生产级别构建吗？
我处境困惑请帮我提供有价值的信息.我想学习ionic2.但似乎我需要付费才能构建生产级别的应用程序.我对定价模块感到困惑. 是否有可能建立一个电子商务商店移动应用程序版本,它将从我的网站版本检索数据,我有API从数据库中获取数据并在我的离子应用程序中显示数据.构建此类应用程序并在App Store中分发是否需要花费？我必须从他们那里得到什么？或者我什么时候需要为应用付费？ 谢谢.解决方法:Ionic是100％免费的,Ionic唯一可以支付的...
javascript – 如何在Ionic中的选项卡之间传递数据【代码】
我有一个带有3个选项卡的简单项目.当用户点击第一个标签上的项目上的按钮时,我需要该项目移动到第二个标签,反之亦然. (当发生这种情况时,我还需要通知服务器).有没有办法让我将项目对象传递给About-Page选项卡中的数组,反之亦然？ home.html的<ion-header><ion-toolbar><ion-title>Home</ion-title><ion-buttons end><button ion-button icon-only color="royal" (click)="updateData()"><ion-icon name="refresh"></ion-icon></bu...
javascript – Ionic 2刷新切换页面加载时的离子复习【代码】
概述： 当我的页面加载到Ionic 2应用程序时,我发出网络请求来填充列表.此刻,当页面最初加载时,我正在切换离子旋转器.这是当前的复习：<ion-refresher (ionRefresh)="doRefresh($event)"><ion-refresher-contentpullingText="Pull to refresh..."refreshingSpinner="circles"></ion-refresher-content></ion-refresher><ion-spinner *ngIf="loading" color="light" name="circles"></ion-spinner>我希望的行为是移除离子旋转器组件,...
android – 在Ionic2 / 3项目中哪里可以找到SQLite数据库？【代码】
我是离子2/3的新手. 我为ionic2项目创建了SQLite数据库. 我为SQLite数据库使用了以下代码来创建data.db文件this.sqlite.create({name: "data.db", location: "default"}).then((db: SQLiteObject) => { this.database = db;this.createTables();}, (error) => {console.log("ERROR: ", error);});async createTables() {try {await this.database.executeSql(this.userTable, {});} catch (e) {console.log("Error !", e);}}代码正...
远程开发调试CentOS7.6 + Ionic + Cordova + Android【代码】【图】
最近项目要写个Android程序，我是打算用Ionic + Cordova + Android 混合开发。主要是想学下前端界面怎样写可以快点和不想用java写android。本片大概会讲完如何用centos7.6搭一个Ionic远程开发环境和远程真机调试Android程序和VSCode远程开发。 本文主要参考ionic的官方文档https://ionicframework.com/docs做配置，并且记录一些搭建过程中会遇到的问。 搭建CentOS7.6 Ionix 环境 安装nodejs 参考我之前的安装把https://www.cnblogs...
javascript – 在ubuntu中的Ionic框架中添加Android平台时出错【代码】
我试图为我的ubuntu机器设置离子框架,我成功的初始过程,但卡在添加Android平台.这是我得到的错误module.js:339 throw err; ^Error: Cannot find module 'bplist-parser' at Function.Module._resolveFilename (module.js:337:15) at Function.Module._load (module.js:287:25) at Module.require (module.js:366:17) at require (module.js:385:17) at Object.<anonymous> (/usr/local/lib/node_modules/cordova/node_modules/c...
android – 在x86_64 linux机器上编译gentoo-bionic【代码】
您可能知道,Bionic是Google用于运行Android应用程序的C库.有人在Linux机器上进行编译,因此可以在Android之外轻松使用.这是最近一次努力的代码,最初称为Gentoo-bionic.原始项目是基于Gentoo的,但目前的来源不是Gentoo特有的.我正在使用Ubuntu.这是代码： https://github.com/gentoobionic/bionic 这是关于ELC2013的介绍： > http://elinux.org/images/2/25/2013_elc_gentoo_bionic.pdf> http://free-electrons.com/blog/elc-2013-vi...
Ionic在android中返回键的处理问题【代码】
一，一段代码就可以解决问题，这段代码应该放在app.js中：//ionic点击系统返回键退出APP .run(function ($rootScope, $ionicPlatform, $state, $ionicHistory, $ionicPopup, $cordovaKeyboard, $timeout) {window.addEventListener('native.keyboardhide', function (e) {cordova.plugins.Keyboard.isVisible = true;$timeout(function () {cordova.plugins.Keyboard.isVisible = false;}, 100);});$ionicPlatform.registerBackBut...
关于ionic连接服务器时出现的500错误【图】
??? 这两天在忙着用ionic开发一个APP，在完全不了解到熟悉的过程中遇到很多坑，现在就说一个关于ionic和后台服务器连接过程和中出现的500错误！ 首先，我一切环境都跑起来了，就像是下面这样（显示一）?? ?然后，当我很开心的觉得我跑起来时，突然发现他向我报了如下一个错误（图二）?? ?我就很懵逼，明明原来其他人的都对了，为什么我的就有问题呢，于是我找啊找啊，终于，在一个不起眼的地方发现了错误，那就是ionic项目下的...
[记录点滴]在Ionic和Android中上传Blob图片
[记录点滴]在Ionic和Android中上传Blob图片目录[记录点滴]在Ionic和Android中上传Blob图片0x00 摘要0x01 Blob0x02 项目简述0x02 Ionic0x03 Android0x04 Lua0x05 参考0x00 摘要本文是开发中的简略记录，具体涉及知识点有：Blob，Ionic，Android和Lua。起因是因为刚刚看到一篇关于Blob的文章你不知道的 Blob ，突然回忆起来在开发过程中也曾经使用过这种图片，所以就翻了翻代码，整理记录下来。0x01 BlobBlob（Binary Large Object）...
ionic 按钮、导航等组件的使用【代码】【图】
这里写目录标题 ionic5中内置颜色介绍使用 按钮expand设置按钮的宽度fill设置背景填充size设置按钮的大小mode 决定使用哪种平台样式按钮结合图标 导航组件简介使用ionic5中内置颜色 介绍 首先介绍下ionic 5 内置颜色 可用在按钮、图标、导航等 这些颜色的配置是在src\theme\variables.scss下 使用 在src\app\tab2\tab2.page.html下，我们新建一个按钮，配置其color="success"如下： 最后在页面上表现的形式如下： 按钮 首先我们...
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: 打开页面，我们可以看到新的tabs4页面如下： 如果想要更换图标，可以去网站：https://ionicons.com/寻找 想要何种图标只需将图标名称复制到组件中即可 可以看到，tabs4的图标变成了...