Ionic2 离子2滚动事件

我有一个离子滚动组件。 我试图在滚动期间执行一些代码。在Ionic 1中,可以使用on scroll属性并传递函数 文件也不见了。Ionic 2中是否有内置的检测滚动的方法,或者我是否必须使用jQuery或window scroll event添加自己的事件处理程序?我在这里找到了一个解决方案: 使用“addScrollEventListener”内部“nAfterViewChecked”可以使用Scroll组件的addScrollEventListener方法,如下所示: this.scrol

Horizon/DB/Ionic2无法读取属性“;推;未定义的

我正在与一个错误作斗争。这让我花了两天时间,但仍然没有解决方案。。。 我使用Ionic2作为前端,Horizon使用RejectionDB作为后端。我有一个名为“messages”的表,其中几乎没有消息。我只想得到所有这些信息,并显示在我的主页上。 这是我的密码: import {Component} from '@angular/core'; import {NavController} from 'ionic-angular'; declare var Horizon; @Compon

Ionic2 使用离子2

我在我的项目中使用一个切换按钮,如下所示: <ion-toggle [(ngModel)]="toggleStatus" pulsado checked="false" (ionChange)="Change_Toggle();"></ion-toggle> this.toggleStatus=true; 问题是,当我更改状态时,会调用我的函数“change_Toggle()”,我不需要只调用change status来显示界面。 有人知道我怎么做吗? 提前谢谢 致以

Ionic2图像叠加

我需要一些Ionic2应用程序中图像覆盖的指南/说明/代码示例 我正在使用本机相机拍摄图像,然后我想通过添加以下文字编辑拍摄的图像(这是来自Instaweather应用程序): 编辑后,我想在whatsapp等社交媒体上分享这张照片(现在我可以不经编辑就分享拍摄的照片,这很简单) 我有如下指示,但没有多大帮助 import { Directive, HostListener, Input} from '@angular/core'; @Directive({ selector: '[dra

Ionic2:无效的页面组件:ProjectInfo页面

json中包含的页面信息,如下所示: export class ProjectDetail { page: string; } itemClick(pd: ProjectDetail) { var factories = Array.from(this.resolver['_factories'].keys()); var factoryClass = <Type<any>>factories.find((x: any) =&g

如何跳过“后退”按钮Ionic2上的上一个即时视图

我正在做Ionic2。 我只有几页 P1->P2->P3->P4 当我按下P4上的后退按钮或使用navCtrl.pop()时,它会转到P3。但如果满足某些条件,我想转到P2。在Ionic2中是否可以跳过上一个视图。 我无法将P2设置为P4后退按钮上的根。P3应该从历史记录中删除。在组件类中尝试此代码 @ViewChild(Navbar) navBar: Navbar; ionViewDidLoad() { this.navBar.backButtonClick = (e: UIEvent)

Ionic2 在离子2的index.html中提供的外部js路径显示为404

我用这种方式指定路径 这显示为404 请帮助解决此问题,因为如果此路径正确,我可以继续访问min.js文件中的数据。请帮帮我。您能说得更具体一点吗?请提供更多关于您的代码和文件结构的详细信息。我的代码结构将类似于文件夹t包含节点模块、插件、资源、src、www.Inside src index.html和节点模块。补丁包含节点模块/audio network/build/audio-network-v1.0.4.min.js。所以为了访问这个,我已经给出了路径,比如你能更具体一点吗?提供更多关于

Ionic2 如何设置条形码扫描仪的自定义位置

我正在尝试创建一个带有自定义位置的条形码扫描仪 我可以使用ionic 2成功制作条形码扫描仪,但如果我单击按钮,扫描仪将占据整个屏幕 我只想将条形码扫描仪放在手机屏幕的底部。我如何通过使用来实现这一点 你找到解决办法了吗@Sakthivel无法在div中设置带有的条形码扫描仪。

Ionic2 如何知道ionic应用程序将在ionic 3中关闭或终止?

有没有办法知道我们的ionic应用程序正在被关闭或终止?您可以订阅的暂停事件。文档对暂停事件的描述如下: 当本机平台放置应用程序时,将发出暂停事件 进入后台,通常是当用户切换到不同的 应用程序 David M.就如何实现这一点给出了一个很好的答案: 首先,您必须将平台服务注入页面/组件,然后才能订阅暂停事件。我只是稍微编辑了一下戴维斯的代码样本,所以请给他一些信任 Ionics平台服务只是Cordovas事件的包装。因此,如果您还感兴趣,请查看或上的Cordova文档 import { Comp

Ionic2 离子2:使用json解析进行搜索

我有两个页面,搜索页面包含一些过滤搜索,如婚姻状况、年龄等。。这些过滤器作为组合框,首先我想显示组合框中的每个选项,以便从json获取。我还有另一个页面叫做matches,里面有一张卡片,上面有一个人的详细信息。所以我想将一些人的详细信息存储为json。当我使用特定的过滤器进行搜索时,我需要通过从json获取数据,以卡片的形式显示匹配结果。请帮忙 搜索页面ts和html: 从'@angular/core'导入{Component}; 从“ionic angular”导入{NavControll

如何获取在Ionic2存储(IndexedDB)中找到的密钥长度

我正在尝试使用Ionic2存储,它在浏览器上使用索引数据库。如何获取storedin DB中的密钥总数 this.\u storage.length()给我t{uuuuu zone\u symbol\uu state:null,\uuuu zone\u symbol\uu value:Array[0]}我得到了答案,this.\u storage.length()返回承诺 this._storage.length().then((data) => { console.log(d

Ionic2中图像的位置是什么?

我正在使用最新版本的Ionic2(最终版本为2.0.0!),并且我在应用程序中面临图像位置问题 我的位置是: src\assets\img\ 在我的html页面中,我使用的img标记如下: <img src="img/do.png"/> 当我运行ionic serve时,图像加载很好 但当我运行“爱奥尼亚运行android” 图像未加载,我收到错误信息: 加载资源失败:未找到net::ERR\u文件 file:///android_asset/www/img

Ionic2 离子媒体插件-将onStatusUpdate传递给mediaObject?

我尝试使用ionic native的插件,如下所示: record(){ ... return this.media.create(src,onStatusUpdate).then((mediaObj) => { mediaObj.startRecord(); return mediaObj; }); } 我使用从别处返回的mediaObj,但我还需要知道mediaObj的状态;这显然来自将第二个参数(回调函数)传递给media.c

Ionic2 离子2定时器导致应用程序类崩溃

我在ionic 2 MyApp类中,我想在一个屏幕上显示3秒钟,然后切换到另一个屏幕。 我得到一个this.nav.parent为空的错误。 我正在尝试两种计时器,但都不起作用。 我正在使用标签,顺便说一下,我希望它转到第一个标签页 gotoFirstPage() { //these two lines work fine //this.nav.setRoot( TabsPage ); //this.nav.parent.select(1); //this.nav.par

Ionic2 &引用;TypeError:无法读取属性';导航';“未定义”的定义;在爱奥尼亚

两天前我提出了一个类似的问题,但这次我在实际设备或模拟器中运行代码时遇到了相同的错误。在普通浏览器上,它可以正常工作 这是我的app.component.ts代码: import { Component, ViewChild } from '@angular/core'; import { Platform } from 'ionic-angular'; import { StatusBar } from '@ionic-native/status-bar'; import { SplashSc

Ionic2 在离子2组件上添加图像背景

我想在我的一个组件中添加图像作为背景。 我真的不确定如何实际定位我的图像文件。 我把它放在src/assets/images文件夹中 这是我的组件SCS: page-login { body { background-image: url(assets/images/cool.jpg); background-size: cover; background-repeat: no-repeat; background-position: cent

Ionic2 Ionic 2多文件上传

我正在使用cordva摄像头,并成功地找到了使用它的方法。问题是,只有当其他表单变量是base64编码的时,我才能跨它们发送多个图像 因此,我的问题是如何使用Camera.DestinationType.FILE\u URI使用http.POST发布多个图像和其他表单字段?如何使用本机路径发布图像?您可以使用文件插件中的resolveLocalFilesystemUrl将图像转换为Blob对象。然后将Blob对象放入FormData并上载它。我通过和解决了与您相同的问题。一个接一个地发送文件如何

Ionic2:can';t打开下一页:未找到组件工厂

我正在尝试使用ionic2开发我的第一个应用程序。我开始做我的第一页,一切都很好,然后我决定添加第二页,我面临一个问题。当我单击应打开下一页的按钮时,该按钮已加载,但出现以下错误: 运行时错误 ./NewsHeadline类NewsHeadline-内联模板中的错误:7:1,原因是:未找到新闻页的组件工厂 堆叠 错误:未找到新闻页的组件工厂 但是我不知道我到底在哪里错过了新闻页面的声明 这是我的家 <ion-header> <ion-navbar> <i

Ionic2 对于具有大量非常相似页面的IONIC 2应用程序,最佳做法是什么

我正在开发一款有60页(或多或少)的IONIC 2应用程序。这些页面彼此非常相似 这是一款类似问卷调查的应用程序。共有6种类型的问题,每种类型的问题大约有10页。每页包含一个问题(以及一个“下一页”按钮,用于转到下一页)。每个页面上的图形设计和布局都是相似的 我无法制作一个包含多个问题的长滚动页面作为前置要求 我发现,这些文件的HTML文件非常相似,并且有很多重复的代码。这是一个问题,因为如果我想改变任何东西,我必须浏览所有这些页面 是否有解决此代码重复问题的解决方案?在我看来,您已经回答了自己

Ionic2 ionic 2侧菜单和注销和后退键导航

我正在尝试实现注销功能。我正在使用FB身份验证。我这里的问题是,在成功注销(这发生在侧菜单)后,我返回到登录屏幕。但是现在,如果我点击设备的后退按钮,它会把我带到主页上。你知道如何防止这种情况吗 这是我的app.component.ts import { Component, ViewChild } from '@angular/core'; import { Platform, Nav, AlertController } from 'ionic-angular'; import { Stat

Ionic2 如何访问注入表单组件的输入字段

我将一个带有输入表单的组件注入到一个ionic2表单中,这两个表单都是用formBuilder创建的 从地址输入组件(search map.ts)中: 插入到基本表单(signup.HTML)的HTML中: (…) 密码 (...) 来自基本表单(signup.ts) ionViewWillLoad(){ this.signup=this.formBuilder.group({ 名称:[this.name,Validators.required], 全名:[this.fullname,Vali

ionic平台在ionic2.x中添加android Cause错误

这是我的爱奥尼亚信息爱奥尼亚平台添加android导致以下错误 D:\08-sample\myApp2>ionic platform add android Error: Failed to fetch platform android Probably this is either a connection problem or platform spec is incorrect. Check your connection and platform name/version/URL.

Ionic2 离子2前景或背景

我是一名ionic2初学者 我需要检查我的应用程序是否正在前台或后台运行 我指的是这个 我只需要在后台运行应用程序时收到通知。您可以使用暂停和恢复。 向其订阅您的功能(从链接中获取): 我们需要更多信息,请阅读:谢谢。请检查。我更新了我的代码。你能帮我吗..谢谢。我使用了这个事件。但是这个函数在rootpage中被重复调用。我如何修复这个pblm..你能更具体一点吗? document.addEventListener("pause", onPause, false); function onP

Ionic2拍摄照片并上传

我正在与爱奥尼亚2合作一个项目,我想上传相机拍摄的图像。然而,我无法让它工作 我使用两个插件: 摄像头:cordova插件摄像头() 文件传输:cordova插件文件传输() 编辑:我得到错误代码1,这意味着从文件传输插件中找不到文件 我用this.camera.DestinationType.FILE\u URI尝试了this.fileURL,但它仍然给了我文件未找到的错误 我的代码如下。任何建议或建议将不胜感激 /* Take a picture with camera */ takeP

Ionic2 在触摸fullmodal-ionic3的图像之前,离子图像不会在加载时显示

我遇到了一个非常奇怪的问题 如何修复它?当使用virtualScroll时,用于显示完整模式图像的触摸图像后,ion img用于缓存图像。它不是一个独立的组成部分。由于给定代码中没有virtualScroll,因此应该使用htmlimg标记 使用img <ion-content> <ion-slides class="image-slider" loop="false" slidesPerView="1"> <ion-slide *ngFor="let item o

Ionic2 Auth0锁未显示注册选项

我正在我的Ionic 2移动应用程序中使用Auth0锁。 我最近更新了最新的Auth07.0.3和Auth0-lock10.0.0版本。 现在我注意到锁的选项发生了变化,主要是这些选项的名称。这里是Auth0-lock10.0.0的API=> 以前有以下几种选择: var options = { disableSignupAction: false, signupLink: myUrl } 现在应该是这样了 var options = { allowSignUp: tr

如何在Ionic2应用程序中扩展rollup.config.js?

以下是我的解决方案,但可能不是正确的方法: 在应用程序根文件夹下创建一个rollup.config.js文件。 在package.json文件中,添加以下代码: "config": { "ionic_rollup": "./rollup.config.js" } 在rollup.config.js中,导入现有的Ionic rollup配置: var rollupConfig = require('./node_modules/@ionic/app-scripts/config/rollup

Ionic2 离子2离子内容与Android中的离子标题重叠

ion标签和ion内容与ion标题重叠当我在标题中加载一个图像时,它只在我第一次访问页面时发生,之后加载良好。 这是组件 import { Component } from '@angular/core'; import { NavController } from 'ionic-angular'; @Component({ selector: 'page-home', templateUrl: 'app/home.page.html' }) export class HomePage { pu

Ionic2 具有Ionic 2的支付网关

我正在构建一个Ionic 2应用程序,并希望集成一个支付网关 要求: -需要能够向主要信用卡、借记卡和PayPal发送和接收付款 就像优步允许发送和接收付款一样 请告诉我有哪些好的插件 谢谢您可以使用这些ionic 2本机插件来实现这一点 或 但我认为更好的方法是编写nodejsapi来处理支付。 这是您可以使用的包节点付款 Node payments是一个基于express的多支付服务门面 这个想法是一个简单而实用的API,用于处理简单的单笔付款。它的设计目的是随着时间的推移增加更多的支付服务

同一页面上的多面菜单无法使用Ionic2

我试图在Ionic2中的一个页面上创建两个菜单 app.html <ion-menu [content]="content" side="right" id="menu1"> <ion-content> <ion-list> <button ion-item menuClose="menu1" detail-none> Close Menu 1 </button> &l

cordova.file是否与iOS10不兼容?在ionic2中

试试这个 爱奥尼亚启动新项目——v2 爱奥尼亚插件添加cordova插件文件(在您的新项目目录中) 声明让科尔多瓦:任何在您的home.ts中导入以下内容 然后将其添加到主页类构造函数中: console.log(cordova.file.dataDirectory)//并使应用程序永远卡在白色屏幕上。 5.ionic运行ios(在我的情况下是ios模拟器运行)(“ionic平台添加ios”(如果没有) 我没做什么特别的事。我在安卓上没有问题。iOS有什么解决办法吗

Ionic2 离子2中的MathJS

有人能帮我在爱奥尼亚2中如何使用mathjs吗? 我只是不想让它进口使用,真的不知道该怎么办 在ionic 1中,很容易加载库并使用它,但在ionic 2中就不是这样了 谢谢 试试这个 npm install mathjs --save npm install @types/mathjs --save-dev 在组件中: import * as math from 'mathjs'; // don't named as Math, this will conflict with Math in

Ionic2 使用http在服务器中保存离子2信息的最佳选项?

我有一个关于Ionic2应用程序的设计/架构的问题,尽管这可能与任何本机应用程序有关 我正在开发一个应用程序,用户需要进行大量交互(实际上这是一个游戏),因此我需要保存状态、选项和许多东西。目前我有一个API Rest,所以每次更新用户信息时,我都会调用API通过http保存信息。同时,为了检索其他用户的统计数据和信息,我还需要从API中获取这些信息,所以每次用户选择合适的屏幕时,我都会这样做 我猜这不是很有效,所以我想使用Ionic的存储来使用本地存储,并且只在用户进入或离开应用程序时保存/读

在ionic2中使用pbkdf2-sha256加密密码

如何在ionic2类型脚本文件中加密密码。我参考了下面的链接,并将pbkdf2模块导入ionic2应用程序。 但我得到了网页所需的错误。我。。。不是函数。有人能帮我解决这个问题吗 从'@angular/core'导入{Component}; 从“离子角度”导入{NavController,NavParams}; 从“../../../node_modules/pbkdf2-sha256/lib/pbkdf2.js”导入{pbkdf2}; /* 为第一页生成的类。 看见http://ionic

ionic2在ionic2 starter侧菜单前设置页面

我下载了ionic2 starter侧菜单模板,现在它将主页显示为第一页,侧菜单设置在app.component.ts中,如下所示 rootPage: any = Home; 我计划将我的新页面设置为第一页,应该没有侧菜单,我可以通过单击按钮导航到主页 我已经添加了一个页面'NewPage',但不知道在哪里设置这个页面 我的爱奥尼亚版本:rc5只需将根页面更改为新页面: rootPage:any=NewPage

Ionic2 离子2中的登录验证

我试图在我的应用程序中做登录功能,但我得到了这个 错误“响应状态为0 URL:Null”,我希望有人能帮助我解决此问题 授权服务 let apiUrl='http://localhost:8888/PeopleService/auth/lognin.php login(credentials) { return new Promise((resolve, reject) => { let headers = new Headers(); h

ionic2在列表和导航栏中显示全文

这个图片显示在新闻列表中,之前可以显示全文,但在我添加功能按钮后,它不能显示全文。 通过使用文本换行新闻列表可以显示全文,但新闻内容仍然不能显示全文…就像下一张图片如何 这个图像显示在新闻细节中,我希望它在这里也显示整个标题,但这里只能显示标题文本“newTitle…”但我不想“…” 想在这里显示整个标题吗 news.html <ion-header> <ion-navbar color="danger" no-border-bottom> <butt

Ionic2 应用程序错误:与服务器的连接不成功。(file:///android_asset/www/index.html)

从app.component.ts文件调用我的web服务时,我在VS Emulator for Android中运行应用程序时遇到以下错误。有人能提供一个解决方案吗 在app.component.ts的ngOnInit()生命周期钩子中,我正在访问web服务类中的数据 app.component.ts(节选) 下面是我在进行REST调用时的Web服务课程摘录: 我的移动数据服务(节选) public openWebMwthod():可观察{ 这是.initializeApp(); 让详细信息=

Ionic2 通过单击按钮从一个选项卡导航到另一个选项卡时设置活动选项卡

我已经为此挣扎了一段时间了。我试图导航到一个选项卡(比如说Home)到另一个选项卡(比如说About)。我能够导航到页面get被添加到导航堆栈中,但它不会更改活动选项卡。或者我们使用选择来设置活动选项卡,这意味着我失去了导航堆栈。以下是后一个选项代码: export class HomePage implements OnInit { tab: Tabs; constructor(public navCtrl: NavController) { this.tab = this

Ionic2 防止屏幕锁定ionic/cordova

所以你们都知道当谷歌地图运行时,当你按下手机上的锁屏关闭屏幕,然后再按一次再打开屏幕时,锁屏不会显示,它会直接在应用程序中打开 有没有关于如何使用爱奥尼亚/科尔多瓦的想法?或者有人知道谷歌是怎么做的吗?这是默认行为。若你们锁定屏幕并将其解锁,你们的应用程序将被显示。也许我的措辞是错误的。我想锁定屏幕,在按下电源按钮时,而不是最初显示锁定屏幕(我必须解锁),我希望它立即打开到应用程序中。如果您有安全代码(模式、密码、面部解锁等),则您不能。但若你们只需滑动解锁屏幕,它就会立即打开你们的应用程序​

Ionic2 日期选择器显示在模式的顶部

在我的ionic 2应用程序中,我们有一个页面,单击按钮即可显示日期选择器。当显示日期选择器时,若应用程序进入后台,我们将显示一个锁屏模式。问题是当我们显示模式时,日期选择器显示在模式的顶部。有人知道如何处理这个问题吗?您可能需要在样式表中调整datepicker的z-index属性(减小该值,使其小于modal的值),这样它就不会显示在modal上。我们的modal已经全屏显示。所以datepicker在这里是较小的。只是为了确保,我正确理解了您试图解决的问题。Z索引与大小无关,而是关于哪些元

可以将angularjs 1与ionic2一起使用吗

我正在尝试创建一个移动混合应用程序,我想选择我的框架和东西 我熟悉angularjs 1,对2一无所知 我们可以将ionic framework 2与angularjs 1一起使用吗?我找不到例子 在jquery之前,我使用过angularjs 1,工作正常,但性能、css设计和其他方面都很差。有什么建议吗?没有。。离子2是建立在angular2框架之上的。您需要找人将所有组件移植到angular 1。这绝对值得学习。爱奥尼亚1号和爱奥尼亚2号之间的速度很快。我试着把安格拉尔1号和爱奥尼亚2号也

Ionic2 在构建期间通过钩子编辑值

当我构建应用程序时,我试图编辑一个版本变量,但我根本无法使用cordova钩子运行任何脚本 我想从package.json和git提交的最后5位数字中获取版本,这样我就可以将类似于1.0.0.89gkt的内容作为我的版本 在过去的ionic 1中,使用grunt或gulp,我能够轻松地将脚本添加到构建过程中 我尝试过使用hooks/hook\u name/script格式和config.xml中的hook标记这两种老方法,但这两种方法都不适用于我 通过package.json覆盖ionic脚本允

Ionic2 离子2如何检索列表中的信息?

我正在尝试从我的PHP服务器检索信息 这是我的密码 //Dans mon service d'authentification checkVehicleList() { this.getUserId().then(data => { this.userid = data; return new Promise(resolve => { alert(this.userid); this.http.get('http://loca

Ionic2 如何克服'#',通过爱奥尼亚2的深度链接进入URL?

我正在尝试在离子2中实现导航。我尝试过使用DeepLinking,得到了结果,但URL中出现了“#”符号。 当“#”符号出现在URL中时,Google Analytic将无法识别该网站,这就是为什么我尝试以不同的方式实现导航,比如Angular 2路由,它支持两者(HTML5或哈希URL样式),但无法在Ionic 2中实现 这个很好用,但我想要没有“#”。 像 感谢您的帮助尝试使用pathLocationStrategy而不是HashLocationStrategy 将此添加到app.modul

使用ionic2中的NavController保护某些路由

在angular2中,我可以在路由上设置防护,并且使用路由定义的层次结构,我可以设置基于角色的防护系统 但在ionic2中,它使用导航控制器。导航控制器有一个ionViewCanEnter来控制用户是否可以进入页面。但似乎我需要在所有页面中添加它。我找不到任何关于具有页面层次结构或类似内容的导航控件的信息 那么,如何使用ionic2实现基于角色的防护?谢谢

Ionic2 Skype Web SDK停止更新状态

我正在将Skype Web SDK与ionic一起使用 我有两个按钮在应用程序后,像“空闲”和“忙”登录。当我点击它时,它会相应地改变Skype for business o365上用户的状态 现在,当我运行该应用程序时,在登录后,它在前一个小时左右运行良好,然后该应用程序停止在Skype for Business上反映状态 我得到404-未找到错误,一旦它停止更新状态 邮政404(未找到) 下面是我用于身份验证的代码 let authContext = new Microsoft.ADAL.A

Ionic2 如何在ionic 2/typescript中使用自定义类

我在我的variables.scss中添加了一个自定义样式来更改我的警报,但我不确定如何应用它。我已经看到了,但对我没有帮助。我必须把这个放在我的打字脚本中吗?如果是,如何进行 我的variabless.scss .alert-wrapper { border-radius: 13px; overflow: hidden; max-width: 270px; background-color: #f8f8f8; -webkit-box-shadow: none; box-

lint完成后,ionic2构建停止

最近更新了我的ionic项目beta 11 pro ionic rc0。 但是,当使用screege命令时 离子发球 所有脚本都已执行,但项目未启动 D:\PROJETOS - GIT\mobile-rc1>ionic serve Running 'serve:before' npm script before serve > myawesomeapp@ watch D:\PROJETOS - GIT\mobile-rc1 > ionic-app-scripts watch

  1    2   3   4   5   6  ... 下一页 最后一页 共 12 页