我有一个离子滚动组件。
我试图在滚动期间执行一些代码。在Ionic 1中,可以使用on scroll属性并传递函数
文件也不见了。Ionic 2中是否有内置的检测滚动的方法,或者我是否必须使用jQuery或window scroll event添加自己的事件处理程序?我在这里找到了一个解决方案:
使用“addScrollEventListener”内部“nAfterViewChecked”可以使用Scroll组件的addScrollEventListener方法,如下所示:
this.scrol
我正在与一个错误作斗争。这让我花了两天时间,但仍然没有解决方案。。。
我使用Ionic2作为前端,Horizon使用RejectionDB作为后端。我有一个名为“messages”的表,其中几乎没有消息。我只想得到所有这些信息,并显示在我的主页上。
这是我的密码:
import {Component} from '@angular/core';
import {NavController} from 'ionic-angular';
declare var Horizon;
@Compon
我在我的项目中使用一个切换按钮,如下所示:
<ion-toggle [(ngModel)]="toggleStatus" pulsado checked="false" (ionChange)="Change_Toggle();"></ion-toggle>
this.toggleStatus=true;
问题是,当我更改状态时,会调用我的函数“change_Toggle()”,我不需要只调用change status来显示界面。
有人知道我怎么做吗?
提前谢谢
致以
我需要一些Ionic2应用程序中图像覆盖的指南/说明/代码示例
我正在使用本机相机拍摄图像,然后我想通过添加以下文字编辑拍摄的图像(这是来自Instaweather应用程序):
编辑后,我想在whatsapp等社交媒体上分享这张照片(现在我可以不经编辑就分享拍摄的照片,这很简单)
我有如下指示,但没有多大帮助
import { Directive, HostListener, Input} from '@angular/core';
@Directive({
selector: '[dra
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。
我只有几页
P1->P2->P3->P4
当我按下P4上的后退按钮或使用navCtrl.pop()时,它会转到P3。但如果满足某些条件,我想转到P2。在Ionic2中是否可以跳过上一个视图。
我无法将P2设置为P4后退按钮上的根。P3应该从历史记录中删除。在组件类中尝试此代码
@ViewChild(Navbar) navBar: Navbar;
ionViewDidLoad() {
this.navBar.backButtonClick = (e: UIEvent)
我用这种方式指定路径
这显示为404
请帮助解决此问题,因为如果此路径正确,我可以继续访问min.js文件中的数据。请帮帮我。您能说得更具体一点吗?请提供更多关于您的代码和文件结构的详细信息。我的代码结构将类似于文件夹t包含节点模块、插件、资源、src、www.Inside src index.html和节点模块。补丁包含节点模块/audio network/build/audio-network-v1.0.4.min.js。所以为了访问这个,我已经给出了路径,比如你能更具体一点吗?提供更多关于
标签: Ionic2
cordova-pluginsangular2-servicesangular2-directivesngcordova
帮助我检测ionic v2中内部和外部内存中的所有mp3文件。我想创建一个mp3播放器。但不能在Ionic v2中列出mp3文件
我正在尝试创建一个带有自定义位置的条形码扫描仪
我可以使用ionic 2成功制作条形码扫描仪,但如果我单击按钮,扫描仪将占据整个屏幕
我只想将条形码扫描仪放在手机屏幕的底部。我如何通过使用来实现这一点 你找到解决办法了吗@Sakthivel无法在div中设置带有的条形码扫描仪。
有没有办法知道我们的ionic应用程序正在被关闭或终止?您可以订阅的暂停事件。文档对暂停事件的描述如下:
当本机平台放置应用程序时,将发出暂停事件
进入后台,通常是当用户切换到不同的
应用程序
David M.就如何实现这一点给出了一个很好的答案:
首先,您必须将平台服务注入页面/组件,然后才能订阅暂停事件。我只是稍微编辑了一下戴维斯的代码样本,所以请给他一些信任
Ionics平台服务只是Cordovas事件的包装。因此,如果您还感兴趣,请查看或上的Cordova文档
import { Comp
我有两个页面,搜索页面包含一些过滤搜索,如婚姻状况、年龄等。。这些过滤器作为组合框,首先我想显示组合框中的每个选项,以便从json获取。我还有另一个页面叫做matches,里面有一张卡片,上面有一个人的详细信息。所以我想将一些人的详细信息存储为json。当我使用特定的过滤器进行搜索时,我需要通过从json获取数据,以卡片的形式显示匹配结果。请帮忙
搜索页面ts和html:
从'@angular/core'导入{Component};
从“ionic angular”导入{NavControll
我正在尝试使用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(最终版本为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
cordova-pluginsionic-native
我尝试使用ionic native的插件,如下所示:
record(){
...
return this.media.create(src,onStatusUpdate).then((mediaObj) => {
mediaObj.startRecord();
return mediaObj;
});
}
我使用从别处返回的mediaObj,但我还需要知道mediaObj的状态;这显然来自将第二个参数(回调函数)传递给media.c
我在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
两天前我提出了一个类似的问题,但这次我在实际设备或模拟器中运行代码时遇到了相同的错误。在普通浏览器上,它可以正常工作
这是我的app.component.ts代码:
import { Component, ViewChild } from '@angular/core';
import { Platform } from 'ionic-angular';
import { StatusBar } from '@ionic-native/status-bar';
import { SplashSc
我想在我的一个组件中添加图像作为背景。
我真的不确定如何实际定位我的图像文件。
我把它放在src/assets/images文件夹中
这是我的组件SCS:
page-login {
body {
background-image: url(assets/images/cool.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: cent
我正在使用cordva摄像头,并成功地找到了使用它的方法。问题是,只有当其他表单变量是base64编码的时,我才能跨它们发送多个图像
因此,我的问题是如何使用Camera.DestinationType.FILE\u URI使用http.POST发布多个图像和其他表单字段?如何使用本机路径发布图像?您可以使用文件插件中的resolveLocalFilesystemUrl将图像转换为Blob对象。然后将Blob对象放入FormData并上载它。我通过和解决了与您相同的问题。一个接一个地发送文件如何
我正在尝试使用ionic2开发我的第一个应用程序。我开始做我的第一页,一切都很好,然后我决定添加第二页,我面临一个问题。当我单击应打开下一页的按钮时,该按钮已加载,但出现以下错误:
运行时错误
./NewsHeadline类NewsHeadline-内联模板中的错误:7:1,原因是:未找到新闻页的组件工厂
堆叠
错误:未找到新闻页的组件工厂
但是我不知道我到底在哪里错过了新闻页面的声明
这是我的家
<ion-header>
<ion-navbar>
<i
我正在开发一款有60页(或多或少)的IONIC 2应用程序。这些页面彼此非常相似
这是一款类似问卷调查的应用程序。共有6种类型的问题,每种类型的问题大约有10页。每页包含一个问题(以及一个“下一页”按钮,用于转到下一页)。每个页面上的图形设计和布局都是相似的
我无法制作一个包含多个问题的长滚动页面作为前置要求
我发现,这些文件的HTML文件非常相似,并且有很多重复的代码。这是一个问题,因为如果我想改变任何东西,我必须浏览所有这些页面
是否有解决此代码重复问题的解决方案?在我看来,您已经回答了自己
我正在尝试实现注销功能。我正在使用FB身份验证。我这里的问题是,在成功注销(这发生在侧菜单)后,我返回到登录屏幕。但是现在,如果我点击设备的后退按钮,它会把我带到主页上。你知道如何防止这种情况吗
这是我的app.component.ts
import { Component, ViewChild } from '@angular/core';
import { Platform, Nav, AlertController } from 'ionic-angular';
import { Stat
标签: Ionic2
componentsformbuilder
我将一个带有输入表单的组件注入到一个ionic2表单中,这两个表单都是用formBuilder创建的
从地址输入组件(search map.ts)中:
插入到基本表单(signup.HTML)的HTML中:
(…)
密码
(...)
来自基本表单(signup.ts)
ionViewWillLoad(){
this.signup=this.formBuilder.group({
名称:[this.name,Validators.required],
全名:[this.fullname,Vali
这是我的爱奥尼亚信息爱奥尼亚平台添加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初学者
我需要检查我的应用程序是否正在前台或后台运行
我指的是这个
我只需要在后台运行应用程序时收到通知。您可以使用暂停和恢复。
向其订阅您的功能(从链接中获取):
我们需要更多信息,请阅读:谢谢。请检查。我更新了我的代码。你能帮我吗..谢谢。我使用了这个事件。但是这个函数在rootpage中被重复调用。我如何修复这个pblm..你能更具体一点吗?
document.addEventListener("pause", onPause, false);
function onP
我正在与爱奥尼亚2合作一个项目,我想上传相机拍摄的图像。然而,我无法让它工作
我使用两个插件:
摄像头:cordova插件摄像头()
文件传输:cordova插件文件传输()
编辑:我得到错误代码1,这意味着从文件传输插件中找不到文件
我用this.camera.DestinationType.FILE\u URI尝试了this.fileURL,但它仍然给了我文件未找到的错误
我的代码如下。任何建议或建议将不胜感激
/* Take a picture with camera */
takeP
我遇到了一个非常奇怪的问题
如何修复它?当使用virtualScroll时,用于显示完整模式图像的触摸图像后,ion img用于缓存图像。它不是一个独立的组成部分。由于给定代码中没有virtualScroll,因此应该使用htmlimg标记
使用img
<ion-content>
<ion-slides class="image-slider" loop="false" slidesPerView="1">
<ion-slide *ngFor="let item o
我正在我的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
以下是我的解决方案,但可能不是正确的方法:
在应用程序根文件夹下创建一个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
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
我正在构建一个Ionic 2应用程序,并希望集成一个支付网关
要求:
-需要能够向主要信用卡、借记卡和PayPal发送和接收付款
就像优步允许发送和接收付款一样
请告诉我有哪些好的插件
谢谢您可以使用这些ionic 2本机插件来实现这一点
或
但我认为更好的方法是编写nodejsapi来处理支付。
这是您可以使用的包节点付款
Node payments是一个基于express的多支付服务门面
这个想法是一个简单而实用的API,用于处理简单的单笔付款。它的设计目的是随着时间的推移增加更多的支付服务
我试图在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
标签: Ionic2
cordova-pluginsngcordova
试试这个
爱奥尼亚启动新项目——v2
爱奥尼亚插件添加cordova插件文件(在您的新项目目录中)
声明让科尔多瓦:任何在您的home.ts中导入以下内容
然后将其添加到主页类构造函数中:
console.log(cordova.file.dataDirectory)//并使应用程序永远卡在白色屏幕上。
5.ionic运行ios(在我的情况下是ios模拟器运行)(“ionic平台添加ios”(如果没有)
我没做什么特别的事。我在安卓上没有问题。iOS有什么解决办法吗
有人能帮我在爱奥尼亚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应用程序的设计/架构的问题,尽管这可能与任何本机应用程序有关
我正在开发一个应用程序,用户需要进行大量交互(实际上这是一个游戏),因此我需要保存状态、选项和许多东西。目前我有一个API Rest,所以每次更新用户信息时,我都会调用API通过http保存信息。同时,为了检索其他用户的统计数据和信息,我还需要从API中获取这些信息,所以每次用户选择合适的屏幕时,我都会这样做
我猜这不是很有效,所以我想使用Ionic的存储来使用本地存储,并且只在用户进入或离开应用程序时保存/读
如何在ionic2类型脚本文件中加密密码。我参考了下面的链接,并将pbkdf2模块导入ionic2应用程序。
但我得到了网页所需的错误。我。。。不是函数。有人能帮我解决这个问题吗
从'@angular/core'导入{Component};
从“离子角度”导入{NavController,NavParams};
从“../../../node_modules/pbkdf2-sha256/lib/pbkdf2.js”导入{pbkdf2};
/*
为第一页生成的类。
看见http://ionic
我下载了ionic2 starter侧菜单模板,现在它将主页显示为第一页,侧菜单设置在app.component.ts中,如下所示
rootPage: any = Home;
我计划将我的新页面设置为第一页,应该没有侧菜单,我可以通过单击按钮导航到主页
我已经添加了一个页面'NewPage',但不知道在哪里设置这个页面
我的爱奥尼亚版本:rc5只需将根页面更改为新页面:
rootPage:any=NewPage
我试图在我的应用程序中做登录功能,但我得到了这个
错误“响应状态为0 URL:Null”,我希望有人能帮助我解决此问题
授权服务
let apiUrl='http://localhost:8888/PeopleService/auth/lognin.php
login(credentials) {
return new Promise((resolve, reject) => {
let headers = new Headers();
h
这个图片显示在新闻列表中,之前可以显示全文,但在我添加功能按钮后,它不能显示全文。
通过使用文本换行新闻列表可以显示全文,但新闻内容仍然不能显示全文…就像下一张图片如何
这个图像显示在新闻细节中,我希望它在这里也显示整个标题,但这里只能显示标题文本“newTitle…”但我不想“…”
想在这里显示整个标题吗
news.html
<ion-header>
<ion-navbar color="danger" no-border-bottom>
<butt
从app.component.ts文件调用我的web服务时,我在VS Emulator for Android中运行应用程序时遇到以下错误。有人能提供一个解决方案吗
在app.component.ts的ngOnInit()生命周期钩子中,我正在访问web服务类中的数据
app.component.ts(节选)
下面是我在进行REST调用时的Web服务课程摘录:
我的移动数据服务(节选)
public openWebMwthod():可观察{
这是.initializeApp();
让详细信息=
我已经为此挣扎了一段时间了。我试图导航到一个选项卡(比如说Home)到另一个选项卡(比如说About)。我能够导航到页面get被添加到导航堆栈中,但它不会更改活动选项卡。或者我们使用选择来设置活动选项卡,这意味着我失去了导航堆栈。以下是后一个选项代码:
export class HomePage implements OnInit {
tab: Tabs;
constructor(public navCtrl: NavController) {
this.tab = this
所以你们都知道当谷歌地图运行时,当你按下手机上的锁屏关闭屏幕,然后再按一次再打开屏幕时,锁屏不会显示,它会直接在应用程序中打开
有没有关于如何使用爱奥尼亚/科尔多瓦的想法?或者有人知道谷歌是怎么做的吗?这是默认行为。若你们锁定屏幕并将其解锁,你们的应用程序将被显示。也许我的措辞是错误的。我想锁定屏幕,在按下电源按钮时,而不是最初显示锁定屏幕(我必须解锁),我希望它立即打开到应用程序中。如果您有安全代码(模式、密码、面部解锁等),则您不能。但若你们只需滑动解锁屏幕,它就会立即打开你们的应用程序
标签: Ionic2
ionic-nativeionic2-datetime
在我的ionic 2应用程序中,我们有一个页面,单击按钮即可显示日期选择器。当显示日期选择器时,若应用程序进入后台,我们将显示一个锁屏模式。问题是当我们显示模式时,日期选择器显示在模式的顶部。有人知道如何处理这个问题吗?您可能需要在样式表中调整datepicker的z-index属性(减小该值,使其小于modal的值),这样它就不会显示在modal上。我们的modal已经全屏显示。所以datepicker在这里是较小的。只是为了确保,我正确理解了您试图解决的问题。Z索引与大小无关,而是关于哪些元
我正在尝试创建一个移动混合应用程序,我想选择我的框架和东西
我熟悉angularjs 1,对2一无所知
我们可以将ionic framework 2与angularjs 1一起使用吗?我找不到例子
在jquery之前,我使用过angularjs 1,工作正常,但性能、css设计和其他方面都很差。有什么建议吗?没有。。离子2是建立在angular2框架之上的。您需要找人将所有组件移植到angular 1。这绝对值得学习。爱奥尼亚1号和爱奥尼亚2号之间的速度很快。我试着把安格拉尔1号和爱奥尼亚2号也
当我构建应用程序时,我试图编辑一个版本变量,但我根本无法使用cordova钩子运行任何脚本
我想从package.json和git提交的最后5位数字中获取版本,这样我就可以将类似于1.0.0.89gkt的内容作为我的版本
在过去的ionic 1中,使用grunt或gulp,我能够轻松地将脚本添加到构建过程中
我尝试过使用hooks/hook\u name/script格式和config.xml中的hook标记这两种老方法,但这两种方法都不适用于我
通过package.json覆盖ionic脚本允
我正在尝试从我的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
我正在尝试在离子2中实现导航。我尝试过使用DeepLinking,得到了结果,但URL中出现了“#”符号。
当“#”符号出现在URL中时,Google Analytic将无法识别该网站,这就是为什么我尝试以不同的方式实现导航,比如Angular 2路由,它支持两者(HTML5或哈希URL样式),但无法在Ionic 2中实现
这个很好用,但我想要没有“#”。
像
感谢您的帮助尝试使用pathLocationStrategy而不是HashLocationStrategy
将此添加到app.modul
在angular2中,我可以在路由上设置防护,并且使用路由定义的层次结构,我可以设置基于角色的防护系统
但在ionic2中,它使用导航控制器。导航控制器有一个ionViewCanEnter来控制用户是否可以进入页面。但似乎我需要在所有页面中添加它。我找不到任何关于具有页面层次结构或类似内容的导航控件的信息
那么,如何使用ionic2实现基于角色的防护?谢谢
标签: Ionic2
skype-for-businessskypedeveloper
我正在将Skype Web SDK与ionic一起使用
我有两个按钮在应用程序后,像“空闲”和“忙”登录。当我点击它时,它会相应地改变Skype for business o365上用户的状态
现在,当我运行该应用程序时,在登录后,它在前一个小时左右运行良好,然后该应用程序停止在Skype for Business上反映状态
我得到404-未找到错误,一旦它停止更新状态
邮政404(未找到)
下面是我用于身份验证的代码
let authContext = new Microsoft.ADAL.A
我在我的variables.scss中添加了一个自定义样式来更改我的警报,但我不确定如何应用它。我已经看到了,但对我没有帮助。我必须把这个放在我的打字脚本中吗?如果是,如何进行
我的variabless.scss
.alert-wrapper {
border-radius: 13px;
overflow: hidden;
max-width: 270px;
background-color: #f8f8f8;
-webkit-box-shadow: none;
box-
最近更新了我的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 页