我们都知道
<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
当我构建应用程序时,我试图编辑一个版本变量,但我根本无法使用cordova钩子运行任何脚本
我想从package.json和git提交的最后5位数字中获取版本,这样我就可以将类似于1.0.0.89gkt的内容作为我的版本
在过去的ionic 1中,使用grunt或gulp,我能够轻松地将脚本添加到构建过程中
我尝试过使用hooks/hook\u name/script格式和config.xml中的hook标记这两种老方法,但这两种方法都不适用于我
通过package.json覆盖ionic脚本允
如何避免此错误:VM18193:27无法打开数据库引用错误:未定义sqlitePlugin(…)
如何执行一些查询
if(sqlsetingsservice.openDb){
this.db=sqlsetingsservice.getDB();
这个.db.executeSql(“如果不存在创建表的人(id INTEGER主键自动递增,firstname文本,lastname文本)”,{})。然后插件sqlLite在浏览器中不起作用,您可以使用Websql作为浏览器(据我所知,与兼容的浏览器,
我想更改“后退”按钮的行为,而不是返回上一页,它将执行其他操作。可能吗
<ion-navbar>
<ion-title center>Mobile Apps</ion-title>
</ion-navbar>
移动应用
如果(condition==true){//保持在
第}页其他{//返回上一页}
您可以使用:
在某些情况下,开发人员应该能够控制视图的离开和关闭
套房。为了实现这一点,NavController具有IonVie
我使用这个命令在android上运行Ionic 2项目
ionic run-l-c-s——调试android
在我看到这样一个例外之后
0 214474 error EXCEPTION: No component factory found for t
1 214477 error ORIGINAL STACKTRACE:
2 214484 error Error: No component factory found for t at e.
当我用这个的时候
this.nativeGeocoder.reverseGeocode(parseFloat(this.myLat),parseFloat( this.myLong))
.then((result: NativeGeocoderReverseResult) =>
{ console.log('The address is ' + result.street + ' in ' + result.countryCode)
在构造函数中调用的函数中,我得到-
地址为中的
我有一个离子范围按钮,我在双旋钮中将其设置为最小值和最大值,但两个旋钮都位于最小值
<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
当我加载ionic应用程序时,我会检查用户是否经过身份验证。如果是,我将根页面设置为主页,如果不是,我将根页面设置为登录页面。我的问题是,当我当前在另一个页面上时,url将如下所示:http://localhost:8102/#/nav/n4/location-选择
然后我刷新我的根页面设置回主页的页面,并且我不会停留在当前所在的页面上。有没有办法使我在刷新页面时不会自动转到主页,而是停留在当前页面上?谢谢你的帮助
this.afAuth.authState.take(1).subscribe(
如何使下拉菜单具有搜索和复选框,并具有与此图像类似的多个选择。此图像仅供参考
您可以在ion select i共享html代码中使用multiple=“true”
我关注以下链接:-
浇头
培根
黑橄榄
额外的奶酪
青椒
蘑菇
洋葱
意大利 辣味 香肠
菠萝
香肠
菠菜
看起来您可以通过对select组件使用popover组件来实现它。检查选择组件API,它解释了如何使用popover而不是AlertController进行选择。然后使用弹出框在顶部添加搜索框。或者只需使用模态并通过NavPa
其文档中显示的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
情况:
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。
我有几个页面和流程-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
我正在尝试将json文件数据读取到我的Html页面,但是“没有ConnectionBackend的提供程序
请参阅下面的代码
Home.ts
应用程序组件.ts
我尝试了很多,但没有找到解决这个错误的方法。
任何人都可以帮助我。您必须在app.module.ts的imports部分导入HttpModule
另外,从提供程序中删除Http
import { SampleDataService } from '../providers/sample-data-service';
import { H
嗨,我尝试在ionic2应用程序上使用Zone:
我创建了一个获取设备位置的提供商
import { Injectable,NgZone } from '@angular/core';
import { Geolocation, Geoposition } from '@ionic-native/geolocation';
import 'rxjs/add/operator/filter';
@Injectable()
export class LocationTracker {
我需要实现一个离子下拉与禁用选择选项与浮动离子标签。我怎么做?禁用的选项值和标签值不应合并。我的代码如下所示:
<ion-label floating>Item Name*</ion-label>
<ion-select interface="popover" [(ngModel)]="obj.item_name" [ngModelOptions]="{standalone: true}" (ionChange)="o
我想在Ionic2中创建自定义全屏加载程序组件。但是我的模态div不包括标题/导航栏区域。我希望它像Ionic LoadingComponent一样覆盖我的应用程序中的所有内容,并且还有我的模板变量。请看图片
我的模式css是
#modal{
width: 100%;
height:100%;
position: absolute;
z-index: 100;
background: red;
top: 0px;
left: 0;
}
请帮忙
编辑
我的模特有导航
我对爱奥尼亚框架非常陌生。
下面是我创建的一个搜索栏,如下所示:
<ion-searchbar
[(ngModel)]="searchQuery"
[showCancelButton]="true"
(ionInput)="search($event)">
</ion-searchbar>
当搜索栏输入已更改(包括已清除)时输入
这正如预期的那样有效
然而,我想要一种不同的行为。我不想在每次输入更改时触发search($event
如果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字体API应用于我的Ionic2项目。以下是我尝试过的:
app.scss
index.html
为什么不工作?app.scss
本地使用
资产/自定义字体/YanoneKaffeesatz-Regular.ttf
关于theme/variables.scss
使用Ionic2的更好方法是下载字体并将其存储在本地,以防将来需要脱机实现。谢谢,但它不起作用。我还尝试将@import添加到variables.scs,并下载该文件以供脱机使用,并将其存储在assets/fonts/
我试图在爱奥尼亚2中构建一个apk,但在构建过程中出现以下错误
错误:
错误:未能找到“ANDROID_HOME”环境变量。尝试手动设置。
在“路径”中找不到“android”命令。尝试更新您的“路径”以包含有效SDK目录的路径
之后,我设置了环境变量和路径。即使我还是再次遇到了这个错误,谁能帮我解决这个问题呢?说明1:
添加ANDROID_主页后,请确保执行以下操作:
重新启动系统或运行source~/.bash\u profile
从项目中删除Android平台ionic cordova p
我想编辑一个通过蓝牙发送信息的程序,我的源代码在这里,即使我在我的设备上尝试,它仍然给我“无法启用蓝牙”
这就是解决方案,我必须使用函数BluetoothSerial.list()来选择我的设备的蓝牙接口,从那里我要发送信息
/** Select bluetooth interface from where i should be connected **/
BluetoothSerial.list().then(
( devices ) => { JSON.stringify(
我使用ionic 2 CLI创建了新的应用程序,现在ionic已经开始使用“ionic应用程序脚本”进行构建和缩小
早期的ionic使用了gulp,我根据命令中的几个输入参数从构建过程中排除了typescript文件
如何在ionic应用程序脚本中实现这一点
我知道我们有“tsconfig.json”,我们可以在其中定义include和exclude,但我想在运行时根据如下参数值进行操作-
爱奥尼亚发球——是真的我已经调查过了,但没有看到任何帮助!不确定您所说的排除ts文件..是什么意思?例如,
无法设置为选中,通过使用以下代码,有人可以帮助我吗
一,
二,
地位
状态0
状态1
状态2
试试这个
<ion-list radio-group [(ngModel)]="status">
<ion-list-header>Status</ion-list-header>
<ion-item>
<ion-label>Status 0</ion-label>
<ion-radio (cli
我正在使用ionic v2构建一个基本的android应用程序,但是我可以看到,即使是在使用android v4的设备上点击一个按钮,响应也会有很大的延迟,但在使用android v5的设备上却没有
任何帮助都将不胜感激
我的应用程序非常大,有30个组件和页面,我将它们全部加载到app.module.ts中,有时应用程序会变慢。我不知道是否有什么关系
我的问题:延迟加载组件和将angular 2功能(更多模块)用于Ionic 2的正确方法是什么?自从Ionic 3以来,您可以延迟加载组件
简单地说,为每个组件/页面创建一个新模块
以下是主页模块的外观示例:
import { MyApp } from './app.component';
import { HomePage } from '../pages/hom
我以前在将图像加载到我的ionic应用程序时遇到问题。现在,我可以将图像下载到缓存目录中,然后显示它。但是,图像现在需要更长的时间才能加载
下面是我的typescript的一个片段,用于与图像加载相关的页面
LoadImage(){
const transfer = new Transfer();
var url = someurl + this.hash + "/" + this.attachment;
var uri = encodeURI(url);
va
我想使用ionic2应用程序连接到mqtt服务器
因此,我遵循这一点,下载了泛美卫生组织的javascript库
zip文件在我的下载文件夹中,根据上面的链接,我们只需要将src标记为“mqttws31.js”就可以将外部js库包含到ionic2应用程序中
我在index.html中包含了脚本标记
我必须将mqttws.js复制到哪个位置
更新问题以显示应用程序的实际来源,其中包括脚本标记,是否已解包zip文件并将mqttws31.js文件复制到ionic项目中?复制文件的位置取决于脚本标记中
.我正在使用ionic 2开发应用程序。我在couchdb中有关于9个不同项目的数据。如何显示与单击的项目对应的数据库中的每个数据。这些项目在列表中吗
这是provider diagnosis.ts
提供者的用法如下所示
.ts
.html
我不知道你想要什么。。如果你需要显示点击的项目,你必须做的是添加点击事件,你调用一个函数再次发送项目,我不知道你是否问这个
<ion-item (click)="viewItem(val.prevention)"><h3>{{val.
我正在使用Ionic 2,希望使用设备的默认浏览器从远程服务器打开PDF文件。我有几个问题:
首先,我无法在浏览器上运行此操作。我得到这个错误:
本机:未安装InAppBrowser或您正在浏览器上运行。回到窗口,打开
这似乎表明支持所有设备和浏览器。是我做错了什么还是医生做错了
其次,当我运行应用程序时,PDF文件不会在系统的默认浏览器中打开,而是在应用程序中打开。我正在使用离子视图进行测试。这是我的密码:
import { InAppBrowser } from '@ionic-native
我想显示下载通知,如图所示。我正在使用ionic 2 Cordova file transferCordova file transfer将下载该文件,但不会在通知中心显示进度条。当您使用本机android的r执行下载时,将显示进度条。虽然Ionic Native不包含可以做到这一点的插件,但也有一些可以做到这一点。
&好吧,祝你好运。
我有一个信息页面,底部有ion页脚。页脚内有一个离子文本区和一个发送按钮
当我们聚焦在文本区域内时,键盘会出现,隐藏下方的页脚。我们希望页脚沿键盘移动并显示在键盘上方
此外,当我们单击“发送”按钮时,键盘将被关闭。然而,我们希望保留键盘
附加问题的屏幕截图
预期的行为也附呈
系统信息:
Cordova CLI:6.4.0
爱奥尼亚框架版本:3.0.1
IONAL CLI版本:2.2.2
爱奥尼亚应用程序库版本:2.2.1
爱奥尼亚应用程序脚本版本:1.1.4
节点版本:v6.9.1您是否解决过此
我知道我们不能定制太多的广告横幅,而且广告横幅的位置是预定义的,不能更改。我想知道tinder如何以cardview的形式显示完全定制的广告横幅。它们也可能被向左或向右滑动,这意味着它们的位置不固定?任何建议。我不使用Tinder,但要显示您描述的此类广告,您应该开始使用AdMob本机广告
最近,我用ionic2完成了我的应用程序,即将构建,当我使用ionic构建--release--prod时,它可以在ios中正常工作,但在android中无法正常工作。当我构建android软件包或仅使用ionic run android产品模式时,我可以运行我的应用程序并获得主页。但无论我在哪里单击下一步,屏幕将变白,就像得到一个白色的面具,几乎看不到任何东西,但在控制台中没有任何东西出错。以下是一些屏幕截图:
先进的
做一些点击并变成白色
有人能帮我吗,或者有人遇到过同样的情况吗?最后,
我使用的是Ionic2,出现以下错误:
阅读和分析,它表明它可能与子类和基类的声明顺序有关。我将基类与子类一起使用。您在哪里更改它们的申报顺序,是在进口中吗?在什么档案里
有趣的是,我的代码工作得很好,突然出现了这个错误,即使我没有更改基类或子类。我确实对另一个文件进行了更改,现在已恢复,但仍然出现错误
更多详情:
错误:
searchJobsParent.ts
import { Component, ViewChild, ChangeDetectionStrategy, ChangeDetec
我在应用程序外托管了大约600MB的GIF,我通过URL指向这些GIF(例如:my GIF api.com/15.GIF)
我的应用程序有一个屏幕,在一个页面中有6个动画(GIF),渲染速度非常慢而且不平滑。有时甚至3个动画都会让应用程序变得非常慢。在这种情况下,有没有办法提高性能?我使用ionic 1时遇到了同样的滞后问题。我用这个软件包解决了这个问题
仅在gif完全从服务器下载后显示
ImageLoader.loadImage('your-gif-url').then(function(
我想用爱奥尼亚语写一个情态动词。出于某种原因,每当我将ngModel与(或)关联时,我的模态都不会显示(调用构造函数)
我的控制器:
import { Component } from '@angular/core';
import { NavController, NavParams, ViewController } from 'ionic-angular';
@Component({
selector: 'page-alert-modal',
templateUrl: 'aler
标签: Ionic2
iconsnavigation-drawer
我正在尝试在ionic2应用程序的侧导航面板上设置图标,请建议如何完成此操作?
这是我的密码:
导出类MyApp{
@ViewChild(导航)导航:导航;
rootPage:any=MysplashPage;
专用仪表板页面;
个人成绩主题页;
个人主页;
页面:数组;
构造函数(公共平台:平台,公共状态栏:状态栏,公共splashScreen:splashScreen){
这是.initializeApp();
此页=[
{标题:“探索”,组件:主页},
{标题:“仪表板”,组件:仪表板页
有没有办法在运行时加载离子元素
例如,我有一个Ionic应用程序,其页面从服务器接收HTML内容(包含Ionic标记)。我提交了一个关于在运行时呈现Ionic模板的问题。正如您在本文中所看到的,目前在执行此操作时存在一些问题,我不会建议您这样做…我提交了一个关于在运行时呈现Ionic模板的问题。正如您在本文中所看到的,目前在这方面存在一些问题,我不建议您这样做……在标题中,您谈到了外部元素,但在回答中您说“从AJAX调用加载HTML,但使用ionic2元素”。您是否在谈论外部组件(如web组件)
我需要禁用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
运行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个空格,以便正确渲染
如何创建一个无滚动条可滚动且具有无限滚动功能的列表?
我已经尝试了附带的代码,但有两个问题:
1.列表根本不会滚动,除非我将style=“overflow-y:auto”添加到内容中,然后显示滚动条。
即使我在内容内/外添加了滚动条,它也不会滚动。
2.当我添加overflow-y并显示滚动条时,无限滚动不起作用。该事件未被激发
谢谢
<ion-content>
<ion-list [style.direction]="direction">
<ion-it
我使用ionic 2创建了一个包含3个选项卡的页面。在一个页面中,我创建了一个按钮,单击该按钮后,我通过执行
push命令,但每当我单击包含子页面的选项卡时,我无法看到根页面,而是看到新的子页面。
我想在重新访问选项卡页面时查看根页面
下面是我的代码。。在这里,您可以签入about.html。我放置了一个按钮来导航到子页面。导航正在进行,但一旦导航,如果不单击“上一步”按钮,我将无法看到about选项卡页面
tabs.html
<ion-tabs>
<io
我正在尝试在已经有单击事件的按钮上实现按选项
如果出现按键,是否可以避免点击
因为在我的测试中,点击会被触发,即使之前按过键。我试图将event.preventDefault()包含在按事件中
不要使用(单击)处理程序,请尝试使用(点击)。您可以添加
返回错误
在(单击)功能中或可以简单地使用
(点击)
为了避免这个问题。
我希望它有帮助:)在中单击返回false,不工作!因为在两个事件发生的场景中,press发生在click事件之前,而press事件中的return false也不会阻止cli
我正在尝试在我的ionic 2应用程序中使用lokijs。我能够使用lokijs.js。
当尝试使用适配器持久化时,我无法。我准备好了可以使用lokijs cordova fs适配器。但当我在我的应用程序中引用它时,如下所示:获取一个它无法定位的错误
var LokiCordovaFSAdapter = require("./cordova-file-system-adapter");
尝试将其添加到my index.html中,并尝试在我的ts文件中创建适配器,如下所示:
var adapt
我将以下代码用于ionic2
<ion-list>
<ion-item>
<ion-label>Sausage</ion-label>
<ion-checkbox [(ngModel)]="sausage"></ion-checkbox>
</ion-item>
</ion-list>
香肠
但复选框未被选中,仅适用于IOS平台。请帮助我。为什么有disabled=“true
当我编写ionic-service或ionic-generate-page-test时,我得到了一个语法错误,但我不确定为什么会发生这种情况。这是全部错误
home:nabil app txt-19$ionic生成页面测试
SyntaxError:无效或意外令牌
这是我的github链接你解决了吗?没有,如果我没记错的话,我刚刚创建了一个新的ionic应用程序。
我实现了一个带有侧菜单界面的选项卡,如上所示。除了一个问题外,一切都很好,就像从教程中插入的一样。举个例子:
用户在Tab1上
用户决定导航到Tab2,单击Tab2
用户想要导航回Tab1,点击Chrome上的previous按钮
问题:当单击“上一步/上一步”按钮时,用户无法返回,相反,url会更改,但活动选项卡不会更改
“后退”按钮适用于除选项卡式页面以外的所有页面
tabs.html
<ion-tabs [selectedIndex]="myIndex">
<ion-ta
我们正在ionic3中开发一个应用程序,它使用PockDB和CouchDB。我们希望在2月中旬发布,但我们担心如果数据库增长太多,我会耗尽设备中的内存
为了进行测试,我们需要插入数千条记录并检查数据库大小。。这就是问题所在。我们无法找到如何获得本地数据库大小。
我潜入了PockDB文档,我只找到了如何获取远程数据库大小的信息,而不是本地数据库。我认为远程大小不必等于本地大小。有人有主意吗
谢谢全部信息
如果你使用的是Ionic 3,我想你可以使用SQLite插件来拥有无限的数据我找到了一个局部解
我正在使用onesignal插件开发一个应用程序,我正在爱奥尼亚2中开发,该插件正在运行。OneSignal发送的消息显示在应用程序中,但我在尝试获取播放器唯一id时遇到问题:
这是我用来显示消息的代码,该代码可以工作:
let notificationOpenedCallback = function(jsonData) {
let alert =alertCtrl.create({
title: jsonData.notification.payload
我需要建立一个离子2/3应用程序的可扩展菜单(最好使用离子菜单)。遵循菜单上的指南应该是主要内容的兄弟,他们建议将其保存在app.html中,app.html是应用程序中非常高的位置,不必太拥挤
若我们有一个大菜单,或者若我们需要使用几个不同的菜单,由应用程序内部的动作触发,这个地方不适合这个用途
我想在自己的容器/组件中隐藏菜单的复杂性,并在app.component.ts外部处理逻辑
html应该保持苗条,下面这样的结构可能会有用
<app-menu></app-menu&
1 2 3 4 5 6 ...
下一页 最后一页 共 12 页