IONIC - 技术教程文章
android-后台服务cordova ionic应用程序. Backgroudn插件在iOS 8.3上不起作用【代码】
我想实现将地理位置发送到服务器的后台服务.因此,我使用了https://github.com/katzer/cordova-plugin-background-mode的插件cordova-plugin-background-mode,可与android一起使用. 但是,如果我在iOS 8.3上运行该应用程序并按“主页”按钮,则该应用程序将停止将地理位置发送到服务器.在插件的文档中说： 支持平台 > iOS(包括iOS8)>安卓(SDK> = 11)> WP8 我想念什么吗？ 编辑：这是我控制器的一些代码$ionicPlatform.ready(function(...
javascript-如何在ionic(angular.js)中调用相同服务的其他功能【代码】
我正在使用离子框架开发移动应用程序.我已经创建了这样的通用实用程序服务.service('CommonUtilityService', function($q) {return {parseJsonDate:function(jsonDate){var offset = new Date().getTimezoneOffset() * 60000;var parts = /\/Date\((-?\d+)([+-]\d{2})?(\d{2})?.*/.exec(jsonDate);if (parts[2] == undefined)parts[2] = 0;if (parts[3] == undefined)parts[3] = 0;return new Date(+parts[1] + offset + parts[2]*...
javascript-两次打开后未显示模式下的Google Maps-Ionic【代码】
我在模式视图中创建了Google Map,一旦打开该模式,就会显示该地图.然后,我单击了导航后退按钮以转到主页.之后,我尝试打开模式以再次查看地图,但未显示地图. 演示在这里：http://codepen.io/aishahismail/pen/vLZprV HTML：<script id="modal.html" type="text/ng-template"><div class="modal"><header class="bar bar-header bar-positive"><h1 class="title">I'm A Modal</h1><div class="button button-clear" ng-click="modal.h...
Java-Ionic 3 Android的新apk将不会更新.给出“未安装的应用程序.包裹似乎已损坏”【代码】
我有一个现有的Ionic应用程序(已在Google Play上部署),在该应用程序中我刚刚完成了一些错误修复(例如)的新构建.此后,我将Ionic更新到了最新版本,并将Ionic CLI更新到了3.x等,但除此之外,该版本是相同的(在同一台计算机上),并且我使用的密钥库文件与以前相同. 但是,当我复制发布的内置apk以手动将其安装在我的Android设备上时(就像在推送到商店之前一样),现在却没有安装应用程序.软件包似乎已损坏 如果删除现有版本,则新的APK安装会...
Javascript-Ionic 3和Angular 4-未捕获(承诺)：TypeError：无法读取未定义的属性“ title”【代码】
我真的对Angular和Ionic都很陌生.我正在遵循我在网上找到的教程,以构建一个用于培训和测试目的的小型应用程序.但是,在教程中使用了Angular 2.我正在使用Angular 4和Ionic 3.请,有人知道为什么会收到下面的错误吗？我还按照另一个教程进行操作,但出现了相同类型的错误.有人请帮助我.Runtime Error Uncaught (in promise): TypeError: Cannot read property 'title' of undefined TypeError: Cannot read property 'title' of undef...
ionic-使用PHP的Firebase通知不起作用【代码】
我想使用Firebase将通知推送到我的Ionic 2应用程序.我可以使用Firebase控制台直接推送通知,但是我想通过php文件发送通知. 当我发送邮件时,我收到来自PHP的响应：{“ message_id”：5718309985299480645} 并且电话中没有通知. 我已将this.fcm.subscribeToTopic(‘all’)放置在app.component.ts构造函数中. 我不知道我在做什么错.. this.fcm.subscribeToTopic(‘all’)是我应用中唯一与fcm相关的代码. 我的PHP代码：<?php $data = ar...
JavaScript-禁用GPS后,Ionic 3地理位置无法正常工作【代码】
我安装了离子本机地理位置插件"@ionic-native/geolocation": "^4.15.0"我也尝试过“ 4.6.0”和“ 4.20.0”.当我在进入该页面之前启用GPS时,它工作得非常好.但是,当未启用GPS时,它不会要求我将其打开,在控制台上显示错误并携带未定义的坐标. 我在构造函数/ ionViewDidLoad中编写了getCurrentPosition的方法.因此,即使用户在该页面上启用它,该方法也不会调用,并且坐标仍然不确定. 以下是代码this.geolocation.getCurrentPosition().t...
javascript-如何将AngularJS / Ionic用作Backbone / Cordova项目的一部分？【代码】
我是AngularJS / Ionic的新手,所以我想请您提供帮助,以向我们提供一些有关如何将AngularJS / Ionic添加到Backbone项目的一部分的想法. 我们手头有一个基于Cordova中Backbone框架构建的项目.现在,我们正在寻找在AngularJS中完成工作的一部分.我们正在考虑的是使用requireJS在Backbone中创建新页面,并实现AngularJS显示的内容. 例如,我们通过init创建一个新页面,并在Backbone和返回的html中呈现它,其中包含Angular内容,例如：<div ><...
javascript – Ionic2错误：“没有存储提供商”【代码】
在阅读了我能找到的所有内容并且失败之后,我必须在这里问： 我正在尝试使用ionic2的存储,就像文档告诉我的那样, doc：https://ionicframework.com/docs/storage/ 这是我的代码： APP-module.tsimport { BrowserModule } from '@angular/platform-browser';import { ErrorHandler, NgModule } from '@angular/core';import { IonicApp, IonicErrorHandler, IonicModule } from 'ionic-angular';import { SplashScreen } from '@ioni...
android – 在Ionic应用程序中禁用硬件后退按钮？【代码】
我正在尝试禁用Cordova应用程序上的后退按钮.我正在使用AngularJS Ionic Framework.我找到了关于这个的主题并尝试了下面的代码,但它绝对没有效果.任何想法？谢谢！ 的index.html<head><script>document.addEventListener("deviceready", onDeviceReady, false);function onDeviceReady() {document.addEventListener("backbutton", function (e) {e.preventDefault();console.log("hello");}, false );}</script> </head>请注意,当...
javascript – 输入maxlength在Android -Ionic上不起作用【代码】
我有一个输入字段,我还需要阻止用户键入超过允许的字符.<input type="text" name="callsign" maxlength="7" >它在浏览器中工作.但不在Android设备上工作？解决方法:谢谢你的所有答案.你的答案不是我给出一个适当的解决方案.然后我已经为此创建了一个指令. directive.jsmyApp.directive('limitChar', function() {'use strict';return {restrict: 'A',scope: {limit: '=limit',ngModel: '=ngModel'},link: function(scope) {scope.$...
ruby-on-rails – 一起服务Rails API和Ionic移动网站【代码】
基于How to run Ionic serve permanently?和Deploy Ionic as a website,nginx应该能够提供Ionic的www文件夹中的代码.我正在利用使用相同域地址的Rails后端服务它的想法……这样就不会添加任何CORS流量和开销. Rails WEB的另一个要求是仍然处理网站的桌面(HTML)版本.从本质上讲,将有3种类型的请求进入nginx服务器： >从mobile / www /目录加载html,js,css文件>移动网站和APP JSON调用Rails API>桌面网站HTML调用Rails 类型2请求可能...
通过logcat在Android上调试WebView(Ionic)应用程序【代码】
关于这个问题有几个问题,但是其中没有一个似乎能解决我遇到的特殊问题. 我正在使用Cordova / Ionic开发一个应用程序,并打印调试信息,我使用adb logcat输出console.log()CordovaLog：D *：S工作正常,直到一些更新.现在我似乎无法弄清楚如何正确过滤logcat的输出,所以我只能从我的应用程序获取调试信息. 记录本身有效.如果我没有设置过滤器并将输出重定向到文件,我可以在所有其他调试消息中看到我的调试信息,它看起来像这样：I/Web C...
android – 让Ionic应用程序出现在“共享”列表中并接收数据【代码】
当用户单击图像的共享按钮时,我试图让“离子”应用程序出现在“共享”列表中.据我所知,我必须添加类似的东西<intent-filter> <action android:name="android.intent.action.SEND" /><category android:name="android.intent.category.DEFAULT" /><data android:mimeType="image/*" /> </intent-filter>到AndroidManifest.xml.我认为,我可以使用cordova-custom-config plugin做.然后,我必须以某种方式处理这个意图,这对我来说是棘手...
更新到Android Studio 3.0后无法运行Ionic应用程序【代码】
这是我的离子信息cli packages: (/Users/billb/dev/customer-mkt-app/node_modules)@ionic/cli-utils : 1.15.2 ionic (Ionic CLI) : 3.15.2全球套餐：cordova (Cordova CLI) : 7.0.1本地包裹：@ionic/app-scripts : 3.0.1 Cordova Platforms : android 6.2.3 ios 4.4.0 Ionic Framework : ionic-angular 3.3.0系统：Android SDK Tools : 26.1.1 ios-deploy : 1.9.2 Node : v6.11.5 npm : 3...
javascript – Ionic2 http post请求时没有’Access-Control-Allow-Origin’标题【代码】
这是我的完整code ……this.http.post(link, data, { headers: headers }).map(res => res.json()).subscribe(data => {this.data.response = data._body;}, error => {console.log("Oooops!");});运行代码后出现此错误："XMLHttpRequest cannot load https://script.google.com/macros/s/AKfycbzdHHKBmLWJYZtFGlJGOrUwlPIWXor1geEOgcSgvhs/dev. No 'Access-Control-Allow-Origin' header is present on the requested resou...
javascript – 如何检查在ionic / cordova / phonegap中在前台或后台运行的应用程序【代码】
有没有办法检查应用程序是否在ionic / cordova / phonegap的前台或后台运行,我需要在android和ios上使用它,非常感谢解决方法:使用两个事件“暂停”和“恢复”.您将在Apache Cordova Events Documentation找到所有活动. 事件 – 暂停： >当本机平台将应用程序置于后台时,通常在用户切换到其他应用程序时触发暂停事件. 活动 – 简历 >当本机平台拉取应用程序时,将触发resume事件从背景出来. 您可以在其代码中添加Eventlistener.这两个...
javascript – Ionic Framework：$scope在简单警报中未定义【代码】
.controller('newGoalCtrl', function($scope, $ionicPopup) {$scope.addNewGoal = function() {alert($scope.goaltitle);}; });<ion-pane view-title="goal"><ion-header-bar class="bar-positive"><div class="buttons"><a nav-transition="android" class="button button-icon icon ion-arrow-left-b" ng-click="" href="#/index"></a></div><h1 class="title">Add New Goal</h1></ion-header-bar><ion-content class="padding"...
javascript – ionic Framework：如何在滑块框中禁用弹跳效果？【代码】
我正在开发一款具有全屏幻灯片的应用程序,我希望能够在第一张幻灯片或最后一张幻灯片时停止弹跳效果. 也就是说,如果我在开始幻灯片上,请从左侧拖动时禁用弹跳效果.同样,如果我在最后一张幻灯片上,请从右侧拖动时禁用弹跳效果.有没有办法实现这个？ (我知道ionic有属性名称hasBounce,但这只适用于ion-content指令,它只适用于顶部和底部)解决方法:你可以在离子含量上使用has-bouncing<ion-content has-bouncing="false"start-y="55"p...
javascript – 在Ionic-Angular上,bower组件被忽略了【代码】
我正在尝试使用Cordova插件,我安装了bower,并在浏览器控制台中收到错误：GET http：// localhost：8100 / bower_components / ngCordova / dist / ng-cordova.js 这是文件结构 在这里,这是我在index.html中的内容<script src="bower_components/ngCordova/dist/ng-cordova.js"></script>解决方法:文件只能在www目录中加载.默认情况下,Ionic将bower软件包安装到www / lib目录中. $ionic add ngCordova在CLI中从项目根目录运行此命令...
javascript – Ionic 2 – 如何禁用滚动【代码】
首先：我知道有一些关于这方面的话题,但它们似乎都没有帮助我. 我尝试了所有可以在我的某个页面上禁用滚动的方法,但是没有一个能够工作,所以我来这里寻求帮助. 我尝试了什么： >创建一个隐藏溢出的css类(与attr.noScroll相同)> setScrollDisabled>将div设置为离子固定>离子含量无反弹> :: – webkit-scrollbar> overflow-scroll =“false” 这就是我的页面看起来像…… It has this white bar on the bottom of the screen when ...
javascript – 在Ionic 2上动态更新标签徽章【代码】
我希望在单击按钮时动态更新徽章值. tabs.html...<ion-tab [root]="tab1Root" tabTitle="Product" tabIcon="search"></ion-tab><ion-tab [root]="tab2Root" tabTitle="Cart" tabIcon="cart" tabBadge="{{cartCount}}" tabBadgeStyle="danger"></ion-tab> ...tabs.tsexport class TabsPage { ...cartCount = 0;tab1Root = ProductPage;tab2Root = CartPage; ... }product.html<button ion-button full (click)="updateCart('add', p...
javascript – Ionic 4导航组件WITHOUT Angular【代码】
真的很喜欢新的离子4成分 – 尤其是NO Angular. 问题是：我像这样使用离子导航：navElRef.push('second-page')动画不对.看来我没有设置正确的参数或类名等.是否有关于如何使用Ionic 4 nav而没有角度的文档/建议？解决方法:所以,在Ionic Framework 4文档中捣乱两天后,我发现基本上没有什么可以解释如何做到这一点. 但是,……实际上并没有那么难实现. 得到：https://beta.ionicframework.com/docs/api/nav/.然后检查手机示例的元素.在...
javascript – Ionic2 Angular2还是React-native？
对于CRUD应用程序哪个更好,Ionic2(现在已经处于测试版)或React-native？性能不是我的首要任务,但应用程序应该对触摸/滑动事件负责.解决方法:虽然我之前使用过Ionic框架,目前正在使用React-native.我想我建议你去React-native.他们尚未发布测试版.但你肯定可以通过一些黑客和插孔来解决这个问题. Ionic Framework基本上使用PhoneGap / Cordova,使您的应用程序在您的手机的Webview中运行.在这里你可以使用HTML Javascript来构建任何东...
javascript – FileReader在Ionic 2中没有触发onloadend【代码】
我正在尝试使用cordova-file-plugin读取本地文件.目前,我能够读取本地目录的内容并选择单个文件.但是我有问题要获取文件的内容. 这是从列表中选择文件后单击按钮调用的函数：import() {window.resolveLocalFileSystemURL(this.file.nativeURL, this.gotFile, this.fail); }这里有两个函数gotFile并失败：fail(e) {console.log(e); }gotFile(fileEntry) {var file = fileEntry.nativeURL;fileEntry.file(function(file) {var reader...
javascript – 截屏Ionic框架【代码】
我正在构建具有地理位置(Google Api)的Ionic应用程序,但这是相关的,在右上角是我想制作截图的按钮,并自动制作popover选项,通过电子邮件,viber发送截图图像… ,但我不知道如何拍摄截图,我用Google搜索并搜索没有任何运气,请帮忙.app.controller('MapCtrl', function($scope, $cordovaGeolocation, $ionicLoading, $ionicPlatform) {$ionicPlatform.ready(function() {$ionicLoading.show({template: '<ion-spinner icon="bubbles"><...
c# – Ionic.Zip分裂拉链无法提取【代码】
我用Ionic.Zip压缩一个目录并将其拆分成几个文件.结果是一堆名为myfile.zip,myfile.z01,myfile.z02,…的文件. 当我使用Windows资源管理器查看zip-File时,我可以看到文件列表. 但是当我尝试使用Windows资源管理器提取存档时,我收到一条消息相同的卷不能同时用作源和目标 当我用7zip打开zipfile时,我得到消息文件myfile.zip无法作为存档打开 创建和提取单个zip-archive工作正常. 这是代码,我使用Ionic.Zip创建zip存档using (ZipFile ...
javascript – TypeError：无法使用AngularJs读取IONIC中未定义的属性’googleplus’【代码】
我一直在关注这些链接,在我的混合应用程序中使用社交登录. https://github.com/EddyVerbruggen/cordova-plugin-googleplus https://ionicthemes.com/tutorials/about/google-plus-login-with-ionic-framework 我创建了所有谷歌开发者ID和所有这些东西.正如他们所说,我已经使用这两个安装了cordova-plugin-googleplus.但仍然我的应用程序显示我提到的错误作为此消息的标题…In this line: window.plugins.googleplus.login(所以,请...
javascript – Ionic Modal Slider问题：无法在$emit上找到delegate-handle =的相应元素【代码】
我有一个具有多个角度控制器的离子应用程序.其中一个控制器是LoginCtrl,另一个是RegisterCtrl.我遇到的问题是我在Login Ctrl中调用$emit来打开RegisterCtrl中带滑块的模态： 模态模板HTML<!-- A very cut down version of my code --> <ion-content class="register-wrapper"><ion-slide-box delegate-handle="registerSlider" show-pager="false"><ion-slide class="padding">Slide 1</ion-slide><ion-slide class="padding">Slid...
javascript – 如何使用Ionic返回文本框的值？【代码】
我在Ionic中有一个表单,我试图返回文本框的值,但是我遇到了问题.表单的其余部分正在加载,并且“注册”将返回到控制台. formData.email未绑定在模板中,当我输入内容并单击按钮时,也没有任何内容返回到控制台. 关于该怎么做的任何建议？ signup.html<!-- Header --> <div class="bar bar-header bar-light"><button class="button icon-left ion-chevron-left button-clear button-dark">Back</button><h1 class="title">Signup</h1>...