ionic应用程序中的计时器(setInterval)在后台一段时间后进入睡眠状态
我的离子应用程序具有一个计时器(一个简单的setInterval,每秒滴答一次),当应用在前景中时,它可以很好地工作.但是,当该应用程序转到背景并在10分钟后返回前景时,应用程序中显示的时间是错误的(应该少得多的时间).我已经尝试将计时器添加到指令中,并使用本机操作API(document.getElementById等)方法,但它们都没有起作用.我认为,当应用程序进入背景时,离子框架正在对视图和绑定做点什么.有没有人遇到这样的问题,如果是的话,你们是如何解决的? 解决方案 在寻找答案数小时后,我终于想到了自己的黑客.我希望该解决方案可以帮助遇到类似问题的其他人. 当应用程序进入背景时,在某个随机时间内,计时器停止滴答作响并入睡,直到将应用程序带回前景为止. 当应用程序登上前景时,计时器从入睡的程度再次开始滴答. 解决方案/hack: 将时间戳记录在单独的变量(以秒为单位)中,并在计时器的每个间隔中进行更新. var timestamp = math.fl
0 2024-02-25
编程技术问答社区
ipad和iphone的ionic代码库相同
我有一个用离子和AngularJS构建的完全固定的应用程序,它在iPad和Android上运行良好.代码库作为功能保持不变,并且只有HTML更改.我读了Ionic平台的文档,但似乎仅用于区分Android和iOS平台.任何帮助,请感谢,谢谢 解决方案 您可以使用相同代码库为iPhone和Android设备创建一个单独的项目,但使用了所有设计更改. 是的,您可以在App Store中指定.您现在将有两个URL,一个用于iPad应用程序,一个用于iPhone.
0 2024-02-25
编程技术问答社区
在iOS设备上的横向模式下,飞溅的屏幕旋转不起作用
我接管了一个使用AngularJS,Ionic和Bootstrap的项目,为移动设备创建混合应用程序. 在升级到Xcode 7之前,一切都很好.我在编辑器中更新了html-,css-和js-code,ran grunt run:ios以创建平台代码并打开Xcode.从那里,我构建了.IPA文件没有任何问题(只有一些警告,可以忽略). 但是,由于使用Xcode 7(对于iOS 8-和iOS 9设备所需),因此将不正确地显示splascreen.含义:在肖像模式中. 注释#1:飞溅屏幕和应用必须是景观. 注意#2:运行grunt run:android时,基于Android的设备都很好. per 34919547 我更新了Cordova-Plugin-Splashscreen插件3.1版. 0如本文所建议的.我也更改了参考,因为旧版本是用config-file进行了刻板编码的. 现在首先在PROTAID模式下通过错误显示飞溅屏幕,然后(在定义的超时之后)在
0 2024-02-24
编程技术问答社区
使用$stateProvider-controller的AngularJS/Ionic路由在第二次调用状态时没有重新加载。
原始问题 我正在使用离子框架和AngularJS开发一个移动应用程序,并且在初始化后,我的控制器没有重新加载问题. 状态转换之一(从'app.postbox-details'到'app.audit-questions')应将参数传递给'app.audit-questions'控制器,但是该控制器不会使用新参数更新,因为它没有重新加载. 代码示例 app.js文件 - config angular.module('sf-maintenance', ['ionic', 'starter.controllers', 'starter.services', 'ngCordova']) .config(function ($stateProvider, $urlRouterProvider, $httpProvider) { $stateProvider .state('home', { url: '/
0 2024-02-24
编程技术问答社区
自XCode 7以来,Splashscreen出错
我接管了一个使用AngularJS,Ionic和Bootstrap的项目,为移动设备创建混合应用程序. 在升级到Xcode 7之前,一切都很好.我在编辑器中更新了html-,css-和js-code,ran grunt run:ios以创建平台代码并打开Xcode.从那里,我构建了.ipa-file没有任何问题(只是有些警告,可以忽略). 但是,由于使用Xcode 7(对于iOS 8-和iOS 9设备所需),因此将不正确地显示splascreen.含义:用90°旋转. 注释#1:plassscreen和应用必须仅是风景. 注意#2:运行grunt run:android时,基于Android的设备都很好. 有什么想法为了再次获得旧的正确状态该怎么办? 解决方案 与您的问题有关的cordova-plugin-splashscreen插件中有一个已知错误(问题CB-10244 ).尝试通过重新添加以下方式将此插件更新为cordova-plugin-spl
0 2024-02-23
编程技术问答社区
我们如何将Ionic应用程序的主题从浅色版本切换到深色版本?
我生成了两个CSS文件,一个用于较轻的版本,另一个用于暗版本.因此,请让我知道如何维护同一应用程序的两个主题? 有什么想法我们如何使用切换的主题在离子应用程序上实现它? 解决方案 您可以轻松在CSS文件之间切换. index.html : 在HTML标签上设置ng-app: 动态设置您的样式: app.js :在run中定义默认样式: $rootScope.style = "css/style.css"; Controller.js :添加您的切换样式逻辑: //All available styles $scope.styles = [ { name: "Default", url: "style.css" }, { name: "Dark", u
0 2024-02-23
编程技术问答社区
从ionic生成非调试的apk
我正在使用离子框架为Android平台生成APK. 运行ionic build android后,生成一个android-debug.apk.如何生成一个较小且更快的非烟apk? 解决方案 这是我的Android Release Shell脚本 ify clear gulp ionic build --release android jarsigner -verbose -sigalg SHA1withRSA -digestalg SHA1 -keystore "path/to/your/keystore" "platforms/android/build/outputs/apk/android-release-unsigned.apk" "keystore alias" -storepass xxx -keypass xxx /path/to/android-sdk/build-tools/23.0.2/zipalign -v 4 "platform
2 2024-02-23
编程技术问答社区
错误。无法找到模块'@ionic/app-scripts'。
我是Ionic的新手.我正在遵循离子文档"入门",创建了一个名为" Super"的项目样本.问题是,当我在项目目录中运行命令行ionic serve时,它会引发错误Error: Cannot find module '@ionic/app-scripts' 解决方案 当前与节点6和7兼容的APP-Scripts. 您安装了节点8,然后卸载并安装节点6稳定版本. 这个已解决的误差,现在我可以使用离子3,角4. 保重! 其他解决方案 尝试从NPM 安装App-Script npm i @ionic/app-scripts 其他解决方案 要获得最新的@ionic/app-scripts,请运行以下命令: npm install @ionic/app-scripts@latest --save-dev
2 2024-02-23
编程技术问答社区
如何在ionic应用中显示PDF文件而不需要下载
我做过的事情: 使用的inappbrowser 使用的Google Doc 使用的WebView 因此,我尝试了所有这些方法使用Ionic在Android设备中显示PDF文件.但是没有用,我可以在所有这些方法中看到下载按钮.可以告诉我如何在不下载用户下载选项的情况下显示PDF. 我的代码: 我的pdf文件: 我的JS: $scope.showModal = function(templateUrl) { $ionicModal.fromTemplateUrl(templateUrl, { scope: $scope, animation: 'slide-in-up' })
0 2024-02-23
编程技术问答社区
安卓Hybid应用在Ionic框架下显示远程图像的问题?
我是离子的新手. 我正在使用离子框架(1.3.20),Angular JS,Cordova 5.0.0 模板文件 browse.html代码: app.js 代码: .state('app.browse', { url: "/browse", views: { 'menuContent': { templateUrl: "templates/browse.html", controller: 'Ctrl' } } }) controller.js 代码 .controller('Ctrl',function($scope) { $scope.currentImage = 0; $scope.
0 2024-02-23
编程技术问答社区
如何在Ionic 2中把数据从一个页面传递到另一个页面用于导航
我是离子2的初学者.我想在单击列表项目后将JSON数据传递到另一页.列表中的项目来自JSON,并且具有与每个项目相关的特定ID.因此,我想在单击特定项目上单击事件后通过特定的ID. 这是JSON链接: 1.此链接的帮助我将在列表中显示产品 2.,但现在我想显示该特定项目的详细信息.所以我使用此链接 http://factoryunlock.in/products/1 我想更改该ID(在链接2 products/1中),在单击特定项目上的单击事件后. 这是我的listView代码(second.ts). import { Component } from '@angular/core'; import { IonicPage, NavController, NavParams } from 'ionic-angular'; import { EarthquakesProvider } from '../../providers/earthquakes
如何在ionic 4中禁用侧面菜单?
我正在使用,this.menuCtrl.swipeEnable(false);用于离子3应用程序.这可以很好地禁用侧菜单.但是,它对离子4不起作用!以下是我的离子4代码样本: login.page.ts constructor(public loginService: LoginService, private router: Router, public menuCtrl: MenuController) { this.menuCtrl.swipeEnable(false); } app.component.html Menu
0 2024-02-21
编程技术问答社区
当我按下屏幕时,菜单不工作了 ionic 3
我有一个带有HOME的屏幕登录,带有菜单,4个选项卡.像home, about, location, more.在这种情况下,菜单正常工作.登录时,我使用以下代码将其导航到Home Pagewith所有选项卡,菜单.那个时候它正常工作. this.navCtrl.push(TabsPage); 当我在about屏幕中时.我有一个按钮显示一些数据,当用户按OK按钮时,它将显示一个带有一些分数数据的屏幕: 这是屏幕代码: Exam Score
0 2024-02-20
编程技术问答社区
用于网页和移动应用程序的Angular 2和Ionic
对于我的学校项目,我必须构建一个网络和一个移动应用程序(大部分是相同的事情).我想知道如何继续建造它们. 我将使用离子2用于我的移动应用程序,并且正在考虑我的Web应用程序的Angular 2,因为Ionic是基于Angular的,我可以使用它. 我已经在另一个线程中读到,我可以使用我的离子项目的www文件夹并更改Web应用程序的CSS. 我的问题是要开始哪一个,首先创建移动应用程序或Web应用程序?或使用另一个可以更容易的解决方案,并节省我一些时间来重新编码相同的内容? 非常感谢! 解决方案 我差不多一年前就处于类似的情况,我为常见代码共享创建了Universal App(Mobile + Web)概念. 我在 https://walkingtree.tech/index.php/getting-with-with-with-universal-web-mobile-mobile-application-in-angular-2 现在,Ion
2 2024-02-20
编程技术问答社区
Ionic 4 Deeplink插件返回错误的路由不匹配
我正在在离子4应用程序中实现deeplink.启动的应用程序,但DeepLink插件总是返回false; app.Routing.ts: { path: 'viewdiary/:id/public', loadChildren: () => import('./pages/viewdiary/viewdiary.module').then( m => m.ViewdiaryPageModule) }, app.compoent.ts: setupDeepLink(){ this.deeplinks.route({ '/viewdiary/:id/public': 'viewdiary/:id/public' }).subscribe((match)=>{ console.log('deeplink matched', match); const internalPath = `${mat
0 2024-02-20
编程技术问答社区
NavController在Ionic 4中不工作
我想推开页面时在构造函数中注入NavController.但是,在离子4中,代码下方不起作用.在离子3中完全可以. 构造函数 constructor(public menuCtrl: MenuController, public navCtrl: NavController) { this.menuCtrl.enable(true); } 方法 goToSecondPage() { this.navCtrl.push(list); } 解决方案 现在,要完成最后一步并在我们的 app-routing.module.ts 文件中实现这些路线,它们看起来像这样: const routes: Routes = [ { path: '', redirectTo: '/home', pathMatch: 'full' }, { path: 'home', loadChildren: './pages/home/home.module#
0 2024-02-20
编程技术问答社区