如何为ionic 2警报器添加一个禁用按钮
我创建了一个Ionic2警报,我必须根据条件禁用一个按钮. 这是我代码的简单结构: import { AlertController } from 'ionic-angular'; export class MyPage { constructor(public alertCtrl: AlertController) { } showCheckbox(condition) { let alert = this.alertCtrl.create(); alert.setTitle('Which planets have you visited?'); alert.addInput({ type: 'checkbox', label: 'Alderaan', value: 'value1', checked: true }); alert.addInput({
2 2024-04-05
编程技术问答社区
如何生成ionic apk或ios而不需要额外的应用程序?
有什么方法可以仅使用node.js生成APK或iOS文件? 大多数解决方案无效或不需要一些添加应用程序以将应用程序构建为apk/ios. 解决方案 以" APK"或" ios"生成我们的应用程序的解决方案是如此简单快捷,首先是使用" shift +右键单击"的任何位置的" shift +"应用程序夹>"在此处打开命令窗口",然后按照步骤 apk,输入: ionic package build android iOS,输入: ionic package build ios 此过程将需要几分钟(只需等到结束) 下一步要下载我们的apk/ios文件,只需输入: ionic package download 完成下载后,您会在应用程序的相同路径 中找到APK/iOS文件 非常重要的说明:有时下载过程将显示错误消息,例如"您的应用程序不准备下载". 解决方案非常简单,只需尝试等待一两分钟,然后重新写下载命令. 最后,这些命
0 2024-04-05
编程技术问答社区
如何用Ionic 2为PWA和本地应用程序部署不同版本的index.html
我们的PWA住在这里: https://m.quemesa.com 同一代码库. 但是,我们并不是针对Cordova浏览器平台(因为它似乎没有正式支持,我看不到它添加了什么好处),因此与本机应用相比,我们必须为PWA添加略有不同的代码构建.例如,在PWA中,我们使用纯Google Analytics(分析解决方案),该解决方案需要在index.html中进行2行JavaScript. 对于本机构建,我们使用Cordova GA插件,因此不需要.在PWA中,我们不需要链接到Cordova.js和供应商的exmaple(它们会有404个错误).在本机应用程序中. 目前,我正在手动编辑(yuck)输出文件夹,然后上传到PWA的Azure. 是否有某种方法可以编辑离子构建过程,以便我可以拥有2个索引版本,并且它可以根据构建类型捕获其想要的输出文件夹的版本,或者可以在构建时间修改HTML文件? 解决方案 仅当前离子构建工具不支持这一点. 您只能有2个版本的in
2 2024-04-05
编程技术问答社区
为生产准备的Ionic应用程序的任务
我正在尝试找出从代码传递到最终可部署的APK/IPA的最佳过程是什么. 到目前为止,我使用Karma + Jasmine有一个测试套件,该套件将打字稿转换为JS并运行一些单位测试.我通过Gulp开始该过程. 之后,我所知道的就是ionic build android --release生成的(尚未签名)APK. 但是我不确定生成的apk是如何被用途/降低的. 因此,请记住,代码必须尽可能私密,是否足够的ionic build uscation uscation或我应该通过吞噬手动执行所有这些预构建任务? 在这种情况下,我应该运行的正确任务是什么,我是否必须将所有打字稿文件移动到JS?我应该按什么顺序运行任务? 例如. transpile -> tests -> minify -> uglify -> build apk或minify -> uglify -> transpile -> tests -> build apk 我对此有些迷失,我唯一能确定的是测试
2 2024-04-05
编程技术问答社区
组件是2个模块的声明的一部分
我尝试构建一个离子2应用程序. 当我在浏览器中尝试使用离子服务器或在模拟器上启动它时,一切正常. 但是,当我每次错误 时尝试构建它时 ionic-app-script tast: "build" Error Type AddEvent in "PATH"/add.event.ts is part of the declarations of 2 modules: AppModule in "PATH"/app.modules.ts and AddEvent in "PATH"/add-event.module.ts. Please consider moving AddEvent in "PATH"/add-event.ts to a higher module that imports AppModule in "PATH"/app.module.ts and AddEventModule. You can also create a new NgModule that ex
0 2024-04-04
编程技术问答社区
Ionic2-Android构建失败
我试图在我的Win 7(32 bt)系统中使用Android平台构建一个Ionic2应用程序. 我在CLI中运行了ionic build android命令,并发生以下错误: ...ionic build android > ionic-hello-world@ ionic:build D:\ > ionic-app-scripts build [20:12:32] ionic-app-scripts 1.0.0 [20:12:32] build dev started ... [20:12:32] clean started ... [20:12:32] clean finished in 10 ms [20:12:32] copy started ... [20:12:32] transpile started ... [20:12:37] transpile finished in 5.47 s [20:12:37] webpack st
2 2024-04-04
编程技术问答社区
ionic 2的可主题浏览器错误""
我做过的事情: 安装了插件. ans在这里我的app/app.com.ponent: import { ThemeableBrowser, ThemeableBrowserOptions, ThemeableBrowserObject } from '@ionic-native/themeable-browser'; app/app.module.ts: import { ThemeableBrowser, ThemeableBrowserOptions, ThemeableBrowserObject } from '@ionic-native/themeable-browser'; providers: [{provide: ErrorHandler, useClass: IonicErrorHandler}ThemeableBrowser] 我的大约: import { ThemeableBrowser } from 'ionic-native';
0 2024-04-04
编程技术问答社区
Angular2:如何处理一个异步图像(blob)请求?
我试图通过安全的API要求图像.目前,我有以下操作(请参阅下面我使用的所有资源. import { AssetsService } from '../../services/AssetsService'; import { Component } from '@angular/core'; @Component({ templateUrl: 'home.html', }) export class HomePage { public img; constructor( public assets_service: AssetsService ) { } public async ionViewDidEnter() { this.img = await this.assets_service.picture_request('test.png'); } } 我的观点
0 2024-04-01
编程技术问答社区
用授权头打开InAppBrowser
对于我的Ionic2应用程序,我需要下载发票,但仅适用于身份验证的用户.有什么方法可以做吗? 我已经安装了InappBrowser Cordova插件,但似乎无法用于带有请求的授权标头. 解决方案 这项工作给我: 查找(YourProject)\ Plugins \ Cordova-Plugin-inappBrowser \ Src \ android \ inappbrowser.java文件并进行编辑. 在文件末尾的OnReceivedhttpauthrequest中,您应该放置这样的内容. public void onReceivedHttpAuthRequest(WebView view, HttpAuthHandler handler, String host, String realm) { // Check if there is some plugin which can resolve this auth challe
2 2024-03-29
编程技术问答社区
为cordova配置构建口味
嗨,这个问题很可能只是一个科尔多瓦问题.我看过模拟问题,但从未有令人满意的答案. 我的最终目标是构建Android,iOS和Windows Phone应用多种口味的一种简单方法. 我最大的要求是: 更改命名空间.因此,config.xml中的小部件属性最好被覆盖.名称和描述也将有所帮助. 生成不同的图标和飞溅屏幕.我可能会设置与我使用的包装名称相关的目录.使用Ionic的资源命令在此处放置高res plash and Icon,以生成正确的文件. 基于目标的配色方案更改 可选,动态配置. 我目前所做的工作在我的webpack.config(我的离子项目使用webpack)中添加了一些代码.要更改SASS颜色,我也可以在此处轻松添加其他选项. 这可能是实施它的最糟糕的方法,但我只需要一个工作原型 var flavour = "some.namespace.dir"; var ENV = "TEST"; for(var i = 0; i
0 2024-03-28
编程技术问答社区
在Ionic 2项目中使用cordova文件插件无法读取文件
我正在尝试使用 cordova文件插件读取保存的图像在移动设备中,因此我可以获取它的base64编码,我需要远程存储.问题是应该提供文件条目对象的ResolvelocalFilesystemurl()方法似乎是在返回一个入口对象,这意味着我无法在其上调用文件. 这是应该获取文件输入对象的代码,因此我可以使用文件方法读取文件本身. MediaCapture.captureImage().then((images)=>{ self.image = images[0].localURL; File.resolveLocalFilesystemUrl(self.image).then((entry)=>{ entry.file(function (file) { var reader = new FileReader(); reader.onloadend = function (encodedFile) { var src
0 2024-03-27
编程技术问答社区
IONIC2 当键盘打开时,背景图像被调整大小
设置了背景图像并将其大小(背景大小)设置为"封面"或" 100%100%"时,请使用Ionic-2,例如: 在 background: url("../../img/bg.jpeg"); background-repeat: no-repeat; background-size: cover; 打开键盘时,调整了背景图像,如何避免这种情况? (即使键盘已经缩小了内容,背景图像大小也保持不变) 解决方案 使用正确的方法嵌入全屏背景图像: ion-content { background: url(images/bg.jpg) no-repeat center center fixed; background-size: cover; } 其他解决方案 在没有解决方案的时间搜索大量时间后,我决定使用Angular-2的Ngstyle开发一个,实际上该解决方案非常微不足道: 在页面类中,创建应有的成员: 在 export class
4 2024-03-26
编程技术问答社区
Ionic 仅为一个页面改变后退按钮的图标
使用app.module.ts,设置ionicmodule.forroot(myApp,{Backbuttonicon:" clocktonicon:" clock"})将在我的应用程序中设置所有后图标以关闭图标.但是,我只想将其应用于应用程序的一两个页面,然后与默认值或我选择的第三个图标保持其余部分.有人知道如何在不实施我自己的返回功能的情况下完成我的按钮和功能吗? 解决方案 通过在离子头上有一个离子 - 辅助栏,它出现在默认离子 - navbar的顶部.因此,拥有我的Close Icon和我的自定义功能Gotohome()的自定义标头栏是一种解决方法. 这是我发现为特定页面自定义" navbar"的最好方法. 在
0 2024-03-26
编程技术问答社区
如何处理Ionic 2上的返回按钮
如何处理离子2上的后退按钮操作? 我希望能够根据向用户显示哪个页面知道该做什么. 我没有找到这个问题的好答案,但是过了一会儿,我自己想出了一种方法.我要和大家分享. 谢谢 解决方案 这是我做的: 在每个页面组件中,我创建了一个称为backButtonAction()的函数,该函数将为每个页面执行自定义代码. 代码: import { Component } from '@angular/core'; import { Platform, NavController, ModalController } from 'ionic-angular'; import { DetailsModal } from './details'; @Component({ selector: 'page-appointments', templateUrl: 'appointments.html' }) export class Appointm
6 2024-03-26
编程技术问答社区
第三方库 "cordova-plugin-ms-azure-mobile-apps "在我的Ionic 2应用中没有得到识别
在到处查看(并在过去的两天中浏览了过去的各种网站上的论坛主题),而没有解决方案,我将在此处发布为最后一个度假胜地.我知道每个人都很忙,但这正在杀死我. 我已经尝试了从多次从头开始创建应用程序到一次添加一个库,然后运行并确保它正在工作,然后添加另一个库,然后运行应用程序... 一切都很好,直到我在我的应用中添加" cordova-plugin-ms-ms-mobile-mobile-apps ".我正在使用以下命令: 离子插件添加cordova-plugin-ms-ms-mobile-mobile-apps-save 这将我的config.xml添加了一个条目. 然后,当我尝试将其引用以将其导入我的打字稿文件中的" Windowsazure"类时,Intelisense并没有给该库作为其他库的选项(例如Ionic-Native,例如Ionic-Native,RXJS,RXJS, MOMMJS等).我也将其添加到"声明. incordova-plugin-ms
0 2024-03-25
编程技术问答社区
Azure AD认证错误。用户取消了流量
我正在尝试使用Azure AD来开发应用程序的用户身份验证功能,并在此过程中存在一些问题.我已经使用ADAL库实现了client-flow身份验证,但是当我尝试登录时,它的错误如下: Error: User cancelled the flow RequestId:934620772 CorrelationId: 57a1ffe8-7612-49c4-b22d-2704eff74010 at fail (file:///android_asset/www/plugins/cordova-plugin-ms-adal/www/CordovaBridge.js:37:25) at Object.cordova.callbackFromNative (file:///android_asset/www/cordova.js:295:52) at :1:9(anonymous function) @ main.js:121821_rejected @ utility.
0 2024-03-24
编程技术问答社区
Windows Azure VM(Mac)为ios设备建立Ionic应用程序
我正在使用离子框架开发Ionic2/Angular应用程序.我对Android没有问题.我的问题是,我可以使用Windows Azure VM(Mac)为iOS设备构建我的应用程序吗? 我有Win 8.1 os. 注意:这不是这里关于同样问题的重复问题.我有一个特定的问题,我需要知道我可以使用Azure VM来为iOS设备构建离子应用程序.我不喜欢任何不合法的方法. 解决方案 不可能在Azure虚拟机上使用MacOS,您应该使用另一个第三方服务来编译您的iOS应用程序: 示例: /p> https://www.macstadium.com/ 其他解决方案 您可以在Azure Devops上使用托管Macos代理">托管代理
0 2024-03-23
编程技术问答社区
如何在不使用ionic-native的情况下使用一个插件?
我想添加Cordova插件: cordova-plguin-plguin-ms-ms-adal .因为在离子本地不支持此插件.我不知道该如何实施自己,所以我打开一个问题,希望他们能尽快合并该插件. 与此同时,我等不及了.因此,有什么方法可以使用此插件而无需使用离子本机? 我在 home.ts 中尝试了以下代码,但未能达到. windows.plugins.Microsoft.ADAL.AuthenticationContext(s); 或直接 Microsoft.ADAL.AuthenticationContext(s); 注意: -Microsoft和Adal是插件的名称空间 - AuthenticationContext是函数 解决方案 ,您可以在Ionic2中使用cordova插件,尽管该插件不受离子态支持.将所需的插件添加到您的项目中. 打开文件" plugins.xml ",然后检查 target 值 clobbers 标签.就您而
2 2024-03-23
编程技术问答社区
如何在<ion-input>输入类型中用cypress cy.type输入文本?
如果我这样做 var typedtext ='test@email.com' cy.get('[data-cy=email]') .type(typedText,{ force: true }) .should('have.value',typedText) 测试运行显示错误,例如 cypressError:cy.type()失败,因为它需要有效的可拼字元素. 解决方案 var typedtext ='test@email.com' cy.get('[data-cy=type-email]>[data-cy=type-email]') .type(typedText) .should('have.value',typedText) 或 var typedtext ='test@email.com' cy.get('[data-cy=passwo
0 2024-03-21
编程技术问答社区