Ionic2 Ionic 2 RC1-在Ionion列表项上全局删除水平线或无行

我们都知道 <ion-list no-lines> 但是如何在全局范围内执行此操作?您可以在scss文件中设置以下内容以在全局范围内生效: .list-md > .item-block:last-child, .list-md > .item-wrapper:last-child .item-block { border-bottom: 0px !important; } .list-md > .item-block:first-child, .li

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 sqlitePlugin

如何避免此错误:VM18193:27无法打开数据库引用错误:未定义sqlitePlugin(…) 如何执行一些查询 if(sqlsetingsservice.openDb){ this.db=sqlsetingsservice.getDB(); 这个.db.executeSql(“如果不存在创建表的人(id INTEGER主键自动递增,firstname文本,lastname文本)”,{})。然后插件sqlLite在浏览器中不起作用,您可以使用Websql作为浏览器(据我所知,与兼容的浏览器,

Ionic2 更改离子导航栏背面按钮行为离子2

我想更改“后退”按钮的行为,而不是返回上一页,它将执行其他操作。可能吗 <ion-navbar> <ion-title center>Mobile Apps</ion-title> </ion-navbar> 移动应用 如果(condition==true){//保持在 第}页其他{//返回上一页} 您可以使用: 在某些情况下,开发人员应该能够控制视图的离开和关闭 套房。为了实现这一点,NavController具有IonVie

Ionic2 离子2号卫星反向地理编码的目标

当我用这个的时候 this.nativeGeocoder.reverseGeocode(parseFloat(this.myLat),parseFloat( this.myLong)) .then((result: NativeGeocoderReverseResult) => { console.log('The address is ' + result.street + ' in ' + result.countryCode) 在构造函数中调用的函数中,我得到- 地址为中的

Ionic2 将量程旋钮设置为最小和最大端

我有一个离子范围按钮,我在双旋钮中将其设置为最小值和最大值,但两个旋钮都位于最小值 <ion-range dualKnobs="true" [(ngModel)]="knobValues" pin="true" min="50" max="250" color="dark" > <ion-label range-left > <b>50</b> </ion-label> <ion-label ra

Ionic2 离子3设置根页面

当我加载ionic应用程序时,我会检查用户是否经过身份验证。如果是,我将根页面设置为主页,如果不是,我将根页面设置为登录页面。我的问题是,当我当前在另一个页面上时,url将如下所示:http://localhost:8102/#/nav/n4/location-选择 然后我刷新我的根页面设置回主页的页面,并且我不会停留在当前所在的页面上。有没有办法使我在刷新页面时不会自动转到主页,而是停留在当前页面上?谢谢你的帮助 this.afAuth.authState.take(1).subscribe(

Ionic2 离子(2或3)多选微调器,带有复选框和搜索

如何使下拉菜单具有搜索和复选框,并具有与此图像类似的多个选择。此图像仅供参考 您可以在ion select i共享html代码中使用multiple=“true” 我关注以下链接:- 浇头 培根 黑橄榄 额外的奶酪 青椒 蘑菇 洋葱 意大利 辣味 香肠 菠萝 香肠 菠菜 看起来您可以通过对select组件使用popover组件来实现它。检查选择组件API,它解释了如何使用popover而不是AlertController进行选择。然后使用弹出框在顶部添加搜索框。或者只需使用模态并通过NavPa

Ionic2 离子2负载未居中

其文档中显示的ionic 2加载功能的示例代码为: let loading=loading.create({ 内容:“请稍候…” }); 本导航存在(装载)您有最新的CSS/Sass吗 以下对我来说很好: import {Loading} from "ionic-angular" // put this inside a method let loading = Loading.create({ content: 'Please wait...' }); this.nav.present

Ionic2 离子2-如何设置文件下载?

情况: import { Component } from '@angular/core'; import { NavController } from 'ionic-angular'; import { Transfer } from 'ionic-native'; declare var cordova: any; @Component({ selector: 'page-documents', templateUrl: 'documents.html' }) export

防止翻页按钮,Ionic2在特定条件下

我用的是ionic2。 我有几个页面和流程-P1->P2->P3 我想在P3上使用ionViewCanLeave(),这样,如果不满足某些条件,当用户按下后退按钮时,它应该发出警报 this.navCtrl.pop() .catch(() => { console.log('should I stay or should I go now'); }); ionViewCanLeave(): boolean{ // here we can either return

Ionic2:ConnectionBackend没有提供程序?

我正在尝试将json文件数据读取到我的Html页面,但是“没有ConnectionBackend的提供程序 请参阅下面的代码 Home.ts 应用程序组件.ts 我尝试了很多,但没有找到解决这个错误的方法。 任何人都可以帮助我。您必须在app.module.ts的imports部分导入HttpModule 另外,从提供程序中删除Http import { SampleDataService } from '../providers/sample-data-service'; import { H

Ionic2 离子2使用区Ngzone()

嗨,我尝试在ionic2应用程序上使用Zone: 我创建了一个获取设备位置的提供商 import { Injectable,NgZone } from '@angular/core'; import { Geolocation, Geoposition } from '@ionic-native/geolocation'; import 'rxjs/add/operator/filter'; @Injectable() export class LocationTracker {

如何将浮动标签应用于具有禁用选项的ionic2下拉列表?

我需要实现一个离子下拉与禁用选择选项与浮动离子标签。我怎么做?禁用的选项值和标签值不应合并。我的代码如下所示: <ion-label floating>Item Name*</ion-label> <ion-select interface="popover" [(ngModel)]="obj.item_name" [ngModelOptions]="{standalone: true}" (ionChange)="o

如何在Ionic2中创建自定义全屏模式

我想在Ionic2中创建自定义全屏加载程序组件。但是我的模态div不包括标题/导航栏区域。我希望它像Ionic LoadingComponent一样覆盖我的应用程序中的所有内容,并且还有我的模板变量。请看图片 我的模式css是 #modal{ width: 100%; height:100%; position: absolute; z-index: 100; background: red; top: 0px; left: 0; } 请帮忙 编辑 我的模特有导航

Ionic2 搜索栏-在'上搜索;输入';钥匙

我对爱奥尼亚框架非常陌生。 下面是我创建的一个搜索栏,如下所示: <ion-searchbar [(ngModel)]="searchQuery" [showCancelButton]="true" (ionInput)="search($event)"> </ion-searchbar> 当搜索栏输入已更改(包括已清除)时输入 这正如预期的那样有效 然而,我想要一种不同的行为。我不想在每次输入更改时触发search($event

Ionic2 如何添加ngIf条件

如果ionic2页面(.html)上的条件为真,我需要显示图像 关于角度文档,我尝试以下操作: 这是参考资料 在for循环中,如果我尝试在div标记中打印它,leg是可以访问的。但是,在条件允许的情况下,它是不可访问的 <div *ngIf="{{leg.legIndex}} == 0" > <!-- show image middleLeg_1.png if legIndex = 0 --> <img width="20" height="80" src="i

无法将Google字体应用于Ionic2项目

我无法将Google字体API应用于我的Ionic2项目。以下是我尝试过的: app.scss index.html 为什么不工作?app.scss 本地使用 资产/自定义字体/YanoneKaffeesatz-Regular.ttf 关于theme/variables.scss 使用Ionic2的更好方法是下载字体并将其存储在本地,以防将来需要脱机实现。谢谢,但它不起作用。我还尝试将@import添加到variables.scs,并下载该文件以供脱机使用,并将其存储在assets/fonts/

Ionic2 在爱奥尼亚项目中构建apk时的环境变量问题

我试图在爱奥尼亚2中构建一个apk,但在构建过程中出现以下错误 错误: 错误:未能找到“ANDROID_HOME”环境变量。尝试手动设置。 在“路径”中找不到“android”命令。尝试更新您的“路径”以包含有效SDK目录的路径 之后,我设置了环境变量和路径。即使我还是再次遇到了这个错误,谁能帮我解决这个问题呢?说明1: 添加ANDROID_主页后,请确保执行以下操作: 重新启动系统或运行source~/.bash\u profile 从项目中删除Android平台ionic cordova p

Ionic2 爱奥尼亚2蓝牙系列不起作用

我想编辑一个通过蓝牙发送信息的程序,我的源代码在这里,即使我在我的设备上尝试,它仍然给我“无法启用蓝牙” 这就是解决方案,我必须使用函数BluetoothSerial.list()来选择我的设备的蓝牙接口,从那里我要发送信息 /** Select bluetooth interface from where i should be connected **/ BluetoothSerial.list().then( ( devices ) => { JSON.stringify(

Ionic2 如何在运行时使用ionic应用程序脚本从ionic 2构建/缩小中排除typescript文件

我使用ionic 2 CLI创建了新的应用程序,现在ionic已经开始使用“ionic应用程序脚本”进行构建和缩小 早期的ionic使用了gulp,我根据命令中的几个输入参数从构建过程中排除了typescript文件 如何在ionic应用程序脚本中实现这一点 我知道我们有“tsconfig.json”,我们可以在其中定义include和exclude,但我想在运行时根据如下参数值进行操作- 爱奥尼亚发球——是真的我已经调查过了,但没有看到任何帮助!不确定您所说的排除ts文件..是什么意思?例如,

Ionic2 安卓v4设备中的离子v2响应滞后

我正在使用ionic v2构建一个基本的android应用程序,但是我可以看到,即使是在使用android v4的设备上点击一个按钮,响应也会有很大的延迟,但在使用android v5的设备上却没有 任何帮助都将不胜感激

Ionic2 离子2惰性加载元件

我的应用程序非常大,有30个组件和页面,我将它们全部加载到app.module.ts中,有时应用程序会变慢。我不知道是否有什么关系 我的问题:延迟加载组件和将angular 2功能(更多模块)用于Ionic 2的正确方法是什么?自从Ionic 3以来,您可以延迟加载组件 简单地说,为每个组件/页面创建一个新模块 以下是主页模块的外观示例: import { MyApp } from './app.component'; import { HomePage } from '../pages/hom

Ionic2 ionic v2图像下载和查看速度非常慢

我以前在将图像加载到我的ionic应用程序时遇到问题。现在,我可以将图像下载到缓存目录中,然后显示它。但是,图像现在需要更长的时间才能加载 下面是我的typescript的一个片段,用于与图像加载相关的页面 LoadImage(){ const transfer = new Transfer(); var url = someurl + this.hash + "/" + this.attachment; var uri = encodeURI(url); va

Ionic2 如何将paho mqtt javascript库包含到ionic应用程序中

我想使用ionic2应用程序连接到mqtt服务器 因此,我遵循这一点,下载了泛美卫生组织的javascript库 zip文件在我的下载文件夹中,根据上面的链接,我们只需要将src标记为“mqttws31.js”就可以将外部js库包含到ionic2应用程序中 我在index.html中包含了脚本标记 我必须将mqttws.js复制到哪个位置 更新问题以显示应用程序的实际来源,其中包括脚本标记,是否已解包zip文件并将mqttws31.js文件复制到ionic项目中?复制文件的位置取决于脚本标记中

Ionic2 从couchdb检索数据

.我正在使用ionic 2开发应用程序。我在couchdb中有关于9个不同项目的数据。如何显示与单击的项目对应的数据库中的每个数据。这些项目在列表中吗 这是provider diagnosis.ts 提供者的用法如下所示 .ts .html 我不知道你想要什么。。如果你需要显示点击的项目,你必须做的是添加点击事件,你调用一个函数再次发送项目,我不知道你是否问这个 <ion-item (click)="viewItem(val.prevention)"><h3>{{val.

Ionic2 使用系统浏览器打开链接使用InAppBrowser

我正在使用Ionic 2,希望使用设备的默认浏览器从远程服务器打开PDF文件。我有几个问题: 首先,我无法在浏览器上运行此操作。我得到这个错误: 本机:未安装InAppBrowser或您正在浏览器上运行。回到窗口,打开 这似乎表明支持所有设备和浏览器。是我做错了什么还是医生做错了 其次,当我运行应用程序时,PDF文件不会在系统的默认浏览器中打开,而是在应用程序中打开。我正在使用离子视图进行测试。这是我的密码: import { InAppBrowser } from '@ionic-native

Ionic2 ionic 2在通知中显示文件下载进度

我想显示下载通知,如图所示。我正在使用ionic 2 Cordova file transferCordova file transfer将下载该文件,但不会在通知中心显示进度条。当您使用本机android的r执行下载时,将显示进度条。虽然Ionic Native不包含可以做到这一点的插件,但也有一些可以做到这一点。 &好吧,祝你好运。

Ionic2 隐藏在键盘下的爱奥尼亚页脚

我有一个信息页面,底部有ion页脚。页脚内有一个离子文本区和一个发送按钮 当我们聚焦在文本区域内时,键盘会出现,隐藏下方的页脚。我们希望页脚沿键盘移动并显示在键盘上方 此外,当我们单击“发送”按钮时,键盘将被关闭。然而,我们希望保留键盘 附加问题的屏幕截图 预期的行为也附呈 系统信息: Cordova CLI:6.4.0 爱奥尼亚框架版本:3.0.1 IONAL CLI版本:2.2.2 爱奥尼亚应用程序库版本:2.2.1 爱奥尼亚应用程序脚本版本:1.1.4 节点版本:v6.9.1您是否解决过此

Ionic2 如何构建tinder类型定制广告横幅?

我知道我们不能定制太多的广告横幅,而且广告横幅的位置是预定义的,不能更改。我想知道tinder如何以cardview的形式显示完全定制的广告横幅。它们也可能被向左或向右滑动,这意味着它们的位置不固定?任何建议。我不使用Tinder,但要显示您描述的此类广告,您应该开始使用AdMob本机广告

android中的Ionic2产品模式无法正常工作

最近,我用ionic2完成了我的应用程序,即将构建,当我使用ionic构建--release--prod时,它可以在ios中正常工作,但在android中无法正常工作。当我构建android软件包或仅使用ionic run android产品模式时,我可以运行我的应用程序并获得主页。但无论我在哪里单击下一步,屏幕将变白,就像得到一个白色的面具,几乎看不到任何东西,但在控制台中没有任何东西出错。以下是一些屏幕截图: 先进的 做一些点击并变成白色 有人能帮我吗,或者有人遇到过同样的情况吗?最后,

Ionic2:运行时错误无法读取属性';原型&x27;未定义的

我使用的是Ionic2,出现以下错误: 阅读和分析,它表明它可能与子类和基类的声明顺序有关。我将基类与子类一起使用。您在哪里更改它们的申报顺序,是在进口中吗?在什么档案里 有趣的是,我的代码工作得很好,突然出现了这个错误,即使我没有更改基类或子类。我确实对另一个文件进行了更改,现在已恢复,但仍然出现错误 更多详情: 错误: searchJobsParent.ts import { Component, ViewChild, ChangeDetectionStrategy, ChangeDetec

Ionic2 离子2:提高gif应用程序的平滑度

我在应用程序外托管了大约600MB的GIF,我通过URL指向这些GIF(例如:my GIF api.com/15.GIF) 我的应用程序有一个屏幕,在一个页面中有6个动画(GIF),渲染速度非常慢而且不平滑。有时甚至3个动画都会让应用程序变得非常慢。在这种情况下,有没有办法提高性能?我使用ionic 1时遇到了同样的滞后问题。我用这个软件包解决了这个问题 仅在gif完全从服务器下载后显示 ImageLoader.loadImage('your-gif-url').then(function(

Ionic2 带有离子复选框的ngModel问题

我想用爱奥尼亚语写一个情态动词。出于某种原因,每当我将ngModel与(或)关联时,我的模态都不会显示(调用构造函数) 我的控制器: import { Component } from '@angular/core'; import { NavController, NavParams, ViewController } from 'ionic-angular'; @Component({ selector: 'page-alert-modal', templateUrl: 'aler

Ionic2 如何在ionic 2应用程序中设置侧导航面板菜单中的图标

我正在尝试在ionic2应用程序的侧导航面板上设置图标,请建议如何完成此操作? 这是我的密码: 导出类MyApp{ @ViewChild(导航)导航:导航; rootPage:any=MysplashPage; 专用仪表板页面; 个人成绩主题页; 个人主页; 页面:数组; 构造函数(公共平台:平台,公共状态栏:状态栏,公共splashScreen:splashScreen){ 这是.initializeApp(); 此页=[ {标题:“探索”,组件:主页}, {标题:“仪表板”,组件:仪表板页

Ionic2 在离子2中加载外部元件

有没有办法在运行时加载离子元素 例如,我有一个Ionic应用程序,其页面从服务器接收HTML内容(包含Ionic标记)。我提交了一个关于在运行时呈现Ionic模板的问题。正如您在本文中所看到的,目前在执行此操作时存在一些问题,我不会建议您这样做…我提交了一个关于在运行时呈现Ionic模板的问题。正如您在本文中所看到的,目前在这方面存在一些问题,我不建议您这样做……在标题中,您谈到了外部元素,但在回答中您说“从AJAX调用加载HTML,但使用ionic2元素”。您是否在谈论外部组件(如web组件)

如何禁用Ionic2 livereload

我需要禁用ionic2 livereload。我正在使用以下命令运行一个应用程序。没有像ionic.config.js这样的文件 ionic serve 帮我发球。更多信息:离子-h ionic serve [options] … Start a local development server for app dev/testing [–consolelogs|-c] … Print app console logs to Ionic CLI [–serverlogs|-s] … Prin

Ionic2 Ionic CLI 4.0.1更新存在一些问题

运行Ionic应用程序时,我收到最新CLI 4.0.1的更新消息 我已经更新了CLI。更新后,当我运行Ionic应用程序时,会打印一条消息,“CLI意外关闭”。我已经降级到旧版本,所以现在工作正常。要降级CLI版本,我运行了: npm i -g ionic@3.20.0 有人和我面临的问题一样吗?还是最新版本的Ionic CLI问题? 您可以通过运行:npmi-g降级到旧版本ionic@3.20.0 我已经更新了这个问题的英文标点符号和格式。我还将实际运行的降级命令缩进了4个空格,以便正确渲染

在Ionic2中创建具有无限滚动的可滚动列表

如何创建一个无滚动条可滚动且具有无限滚动功能的列表? 我已经尝试了附带的代码,但有两个问题: 1.列表根本不会滚动,除非我将style=“overflow-y:auto”添加到内容中,然后显示滚动条。 即使我在内容内/外添加了滚动条,它也不会滚动。 2.当我添加overflow-y并显示滚动条时,无限滚动不起作用。该事件未被激发 谢谢 <ion-content> <ion-list [style.direction]="direction"> <ion-it

Ionic2 离子2标签问题

我使用ionic 2创建了一个包含3个选项卡的页面。在一个页面中,我创建了一个按钮,单击该按钮后,我通过执行 push命令,但每当我单击包含子页面的选项卡时,我无法看到根页面,而是看到新的子页面。 我想在重新访问选项卡页面时查看根页面 下面是我的代码。。在这里,您可以签入about.html。我放置了一个按钮来导航到子页面。导航正在进行,但一旦导航,如果不单击“上一步”按钮,我将无法看到about选项卡页面 tabs.html <ion-tabs> <io

如何防止事件中的点击按下手势Ionic2?

我正在尝试在已经有单击事件的按钮上实现按选项 如果出现按键,是否可以避免点击 因为在我的测试中,点击会被触发,即使之前按过键。我试图将event.preventDefault()包含在按事件中 不要使用(单击)处理程序,请尝试使用(点击)。您可以添加 返回错误 在(单击)功能中或可以简单地使用 (点击) 为了避免这个问题。 我希望它有帮助:)在中单击返回false,不工作!因为在两个事件发生的场景中,press发生在click事件之前,而press事件中的return false也不会阻止cli

Ionic2 如何在ionic 2中使用lokijs cordova fs适配器

我正在尝试在我的ionic 2应用程序中使用lokijs。我能够使用lokijs.js。 当尝试使用适配器持久化时,我无法。我准备好了可以使用lokijs cordova fs适配器。但当我在我的应用程序中引用它时,如下所示:获取一个它无法定位的错误 var LokiCordovaFSAdapter = require("./cordova-file-system-adapter"); 尝试将其添加到my index.html中,并尝试在我的ts文件中创建适配器,如下所示: var adapt

未在ionic2 ios10中签入复选框

我将以下代码用于ionic2 <ion-list> <ion-item> <ion-label>Sausage</ion-label> <ion-checkbox [(ngModel)]="sausage"></ion-checkbox> </ion-item> </ion-list> 香肠 但复选框未被选中,仅适用于IOS平台。请帮助我。为什么有disabled=“true

Ionic2 爱奥尼亚发球命令给出;SyntaxError:无效或意外标记“;

当我编写ionic-service或ionic-generate-page-test时,我得到了一个语法错误,但我不确定为什么会发生这种情况。这是全部错误 home:nabil app txt-19$ionic生成页面测试 SyntaxError:无效或意外令牌 这是我的github链接你解决了吗?没有,如果我没记错的话,我刚刚创建了一个新的ionic应用程序。

Ionic2 使用浏览器返回按钮返回导航不工作

我实现了一个带有侧菜单界面的选项卡,如上所示。除了一个问题外,一切都很好,就像从教程中插入的一样。举个例子: 用户在Tab1上 用户决定导航到Tab2,单击Tab2 用户想要导航回Tab1,点击Chrome上的previous按钮 问题:当单击“上一步/上一步”按钮时,用户无法返回,相反,url会更改,但活动选项卡不会更改 “后退”按钮适用于除选项卡式页面以外的所有页面 tabs.html <ion-tabs [selectedIndex]="myIndex"> <ion-ta

Ionic2 数据库本地数据库大小

我们正在ionic3中开发一个应用程序,它使用PockDB和CouchDB。我们希望在2月中旬发布,但我们担心如果数据库增长太多,我会耗尽设备中的内存 为了进行测试,我们需要插入数千条记录并检查数据库大小。。这就是问题所在。我们无法找到如何获得本地数据库大小。 我潜入了PockDB文档,我只找到了如何获取远程数据库大小的信息,而不是本地数据库。我认为远程大小不必等于本地大小。有人有主意吗 谢谢全部信息 如果你使用的是Ionic 3,我想你可以使用SQLite插件来拥有无限的数据我找到了一个局部解

Ionic2 如何在Ionic 2中获得OneSignal播放器ID

我正在使用onesignal插件开发一个应用程序,我正在爱奥尼亚2中开发,该插件正在运行。OneSignal发送的消息显示在应用程序中,但我在尝试获取播放器唯一id时遇到问题: 这是我用来显示消息的代码,该代码可以工作: let notificationOpenedCallback = function(jsonData) { let alert =alertCtrl.create({ title: jsonData.notification.payload

Ionic2 爱奥尼亚3-提取其中的侧菜单';s自己的组件

我需要建立一个离子2/3应用程序的可扩展菜单(最好使用离子菜单)。遵循菜单上的指南应该是主要内容的兄弟,他们建议将其保存在app.html中,app.html是应用程序中非常高的位置,不必太拥挤 若我们有一个大菜单,或者若我们需要使用几个不同的菜单,由应用程序内部的动作触发,这个地方不适合这个用途 我想在自己的容器/组件中隐藏菜单的复杂性,并在app.component.ts外部处理逻辑 html应该保持苗条,下面这样的结构可能会有用 <app-menu></app-menu&

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