【ionic js 模型 $ionicModal 可以遮住用户主界面的内容框】教程文章相关的互联网学习教程文章

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"><...

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>...

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...

IONIC - 相关标签
JAVASCRIPT - 技术教程分类
JavaScript 教程 JavaScript 简介 JavaScript 用法 JavaScript Chrome 中运行 JavaScript 输出 JavaScript 语法 JavaScript 语句 JavaScript 注释 JavaScript 变量 JavaScript 数据类型 JavaScript 对象 JavaScript 函数 JavaScript 作用域 JavaScript 事件 JavaScript 字符串 JavaScript 运算符 JavaScript 比较 JavaScript 条件语句 JavaScript switch 语句 JavaScript for 循环 JavaScript while 循环 JavaScript break 和 continue 语... JavaScript typeof JavaScript 类型转换 JavaScript 正则表达式 JavaScript 错误 JavaScript 调试 JavaScript 变量提升 JavaScript 严格模式 JavaScript 使用误区 JavaScript 表单 JavaScript 表单验证 JavaScript 验证 API JavaScript 保留关键字 JavaScript this JavaScript let 和 const JavaScript JSON JavaScript void JavaScript 异步编程 JavaScript Promise JavaScript 代码规范 JavaScript 函数定义 JavaScript 函数参数 JavaScript 函数调用 JavaScript 闭包 DOM 简介 DOM HTML DOM CSS DOM 事件 DOM EventListener DOM 元素 HTMLCollection 对象 NodeList 对象 JavaScript 对象 JavaScript prototype JavaScript Number 对象 JavaScript String JavaScript Date(日期) JavaScript Array(数组) JavaScript Boolean(布尔) JavaScript Math(算数) JavaScript RegExp 对象 JavaScript Window JavaScript Window Location JavaScript Navigator JavaScript 弹窗 JavaScript 计时事件 JavaScript Cookie JavaScript 库 JavaScript 实例 JavaScript 对象实例 JavaScript 浏览器对象实例 JavaScript HTML DOM 实例 JavaScript 总结 JavaScript 对象 HTML DOM 对象 JavaScript 异步编程 javascript 全部