Ionic 2是下一代Ionic，开源SDK，使开发人员能够使用熟悉的Web技术（HTML，CSS和JavaScript）构建高性能的高质量移动应用程序。离子2通常与Angular（2）配对。 Ionic 2也可以用作CSS框架，但你会错过强大的手势，UI动画和更多有用的东西。
我想从我的离子项目中删除填充，以便它可以占据页面的整个宽度。 请查看开发工具以查看离子项周围的填充。 ...
这不起作用的原因是，当用户在 div 内滚动时，不会发生任何事情，因为它没有绑定到窗口。如果窗口是可滚动的，无限滚动效果完美，如何...
当我尝试运行此命令时：ionicserve 然后我在终端中收到以下错误。 在 ChildProcess.spawn （节点：内部/child_process：413：11） 在 Object.spawn (节点:child_process:757:9) 在...
我在我的一个页面中创建了分段选项。代码如下： 我在我的一个页面中创建了分段选项。代码如下： <div padding> <ion-segment [(ngModel)]="accion"> <ion-segment-button value="crear"> Crear zona </ion-segment-button> <ion-segment-button value="modificar"> Modificar zona </ion-segment-button> </ion-segment> </div> <ion-card center *ngIf="accion=='crear'"> <ion-card-content> <ion-list> <ion-item> <ion-label floating> Nombre del area: </ion-label> <ion-input type="text" [(ngModel)]="nombreArea"> </ion-input> </ion-item> <ion-item> <label>Dispositivo asociado:</label> <ion-list> <ion-item *ngFor="let dispositivo2 of dispositivosAnadir"> <ion-label> {{dispositivo2.name}} </ion-label> <ion-checkbox color="royal" [(ngModel)]="dispositivo2.selected" value="dispositivo2.value"></ion-checkbox> </ion-item> </ion-list> </ion-item> </ion-list> <div padding> <button (click)="marcarTodos()" ion-button icon-left color="royal"> <ion-icon name="checkmark-circle"></ion-icon> Marcar todos </button> <button (click)="desmarcarTodos()" ion-button icon-left color="royal"> <ion-icon name="radio-button-off"></ion-icon> Desmarcar todos </button> </div> <div padding> <button (click)="startShape()" [disabled]="pintando" ion-button icon-left color="royal"> <ion-icon name="brush"></ion-icon> Pintar zona </button> <button (click)="endShape()" [disabled]="!pintando" ion-button icon-left color="royal"> <ion-icon name="flag"></ion-icon> Fin pintar zona </button> <button (click)="cancelShape()" [disabled]="!pintando" ion-button icon-left color="royal"> <ion-icon name="close"></ion-icon> Cancelar </button> </div> </ion-card-content> </ion-card> <ion-card center *ngIf="accion=='modificar'"> <ion-card-content> <ion-list> <ion-item> <ion-label>Seleccionar zona: </ion-label> <ion-select [(ngModel)]="zonasSelector.seleccionada" (ionChange)="cambioZonaSeleccionada()"> <ion-option *ngFor="let zona of zonasSelector.array" [value]="zona.value">{{zona.name}}</ion-option> </ion-select> </ion-item> <ion-item> <ion-list> <ion-item *ngFor="let dispositivo of dispositivosModificar"> <ion-label> {{dispositivo.name}} </ion-label> <ion-checkbox color="royal" [(ngModel)]="dispositivo.selected" value="dispositivo.value" [disabled]="zonasSelector.seleccionada == null"></ion-checkbox> </ion-item> </ion-list> </ion-item> </ion-list> <div padding> <button ion-button icon-left (click)="modificarZona()" [disabled]="zonasSelector.seleccionada == null" color="royal"> <ion-icon name="checkmark"></ion-icon> Modificar </button> <button ion-button icon-left (click)="showConfirmDelete()" [disabled]="zonasSelector.seleccionada == null" color="royal"> <ion-icon name="trash"></ion-icon> Eliminar </button> </div> </ion-card-content> </ion-card> 之前，我在不分段显示内容的情况下效果很好，但是当分段引入时我遇到了问题。问题是，在这两个段上，我都有一个 ngFor 来表示一组复选框，并且第一次加载页面时，检查显示得很好，但如果我更改段，无论我选择哪个，复选框都会消失。 有人有想法吗？ 如果有人感兴趣，我已经解决了这个问题，用 ngFor 取出离子列表并将其添加到离子卡内容中，而不是第一个离子列表中。 <!-- SEGMENTOS --> <div padding> <ion-segment [(ngModel)]="accion"> <ion-segment-button value="crear"> Crear zona </ion-segment-button> <ion-segment-button value="modificar"> Modificar zona </ion-segment-button> </ion-segment> </div> <!-- CREAR ZONA --> <ion-card center *ngIf="accion=='crear'"> <ion-card-content> <ion-list> <ion-item> <ion-label floating> Nombre del area: </ion-label> <ion-input type="text" [(ngModel)]="nombreArea"> </ion-input> </ion-item> </ion-list> <div padding> <label>Dispositivo asociado:</label> <ion-list> <ion-item *ngFor="let dispositivo2 of dispositivosAnadir"> <ion-label> {{dispositivo2.name}} </ion-label> <ion-checkbox color="royal" [(ngModel)]="dispositivo2.selected" value="dispositivo2.value"></ion-checkbox> </ion-item> </ion-list> </div> <div padding> <button (click)="marcarTodos()" ion-button icon-left color="royal"> <ion-icon name="checkmark-circle"></ion-icon> Marcar todos </button> <button (click)="desmarcarTodos()" ion-button icon-left color="royal"> <ion-icon name="radio-button-off"></ion-icon> Desmarcar todos </button> </div> <div padding> <button (click)="startShape()" [disabled]="pintando" ion-button icon-left color="royal"> <ion-icon name="brush"></ion-icon> Pintar zona </button> <button (click)="endShape()" [disabled]="!pintando" ion-button icon-left color="royal"> <ion-icon name="flag"></ion-icon> Fin pintar zona </button> <button (click)="cancelShape()" [disabled]="!pintando" ion-button icon-left color="royal"> <ion-icon name="close"></ion-icon> Cancelar </button> </div> </ion-card-content> </ion-card> <!-- MODIFICAR ZONA --> <ion-card center *ngIf="accion=='modificar'"> <ion-card-content> <ion-list> <ion-item> <ion-label>Seleccionar zona: </ion-label> <ion-select [(ngModel)]="zonasSelector.seleccionada" (ionChange)="cambioZonaSeleccionada()"> <ion-option *ngFor="let zona of zonasSelector.array" [value]="zona.value">{{zona.name}}</ion-option> </ion-select> </ion-item> </ion-list> <ion-list> <ion-item *ngFor="let dispositivo of dispositivosModificar"> <ion-label> {{dispositivo.name}} </ion-label> <ion-checkbox color="royal" [(ngModel)]="dispositivo.selected" value="dispositivo.value" [disabled]="zonasSelector.seleccionada == null"></ion-checkbox> </ion-item> </ion-list> <div padding *ngIf="accion=='modificar'"> <button ion-button icon-left (click)="modificarZona()" [disabled]="zonasSelector.seleccionada == null" color="royal"> <ion-icon name="checkmark"></ion-icon> Modificar </button> <button ion-button icon-left (click)="showConfirmDelete()" [disabled]="zonasSelector.seleccionada == null" color="royal"> <ion-icon name="trash"></ion-icon> Eliminar </button> </div> </ion-card-content> </ion-card>
我有一个非常简单的问题，但我找不到任何答案。我有这个代码： 我有一个非常简单的问题，但我找不到任何答案。我有这个代码： <ion-list radio-group [(ngModel)]="profile_activities" name="activities"> <ion-item> <ion-label>Option 1</ion-label> <ion-radio (ionSelect)='selectedActivity($event);' value="0"></ion-radio> </ion-item> <ion-item> <ion-label>Option 2</ion-label> <ion-radio (ionSelect)='selectedActivity($event);' value="1"></ion-radio> </ion-item> <ion-item> <ion-label>Option 3</ion-label> <ion-radio (ionSelect)='selectedActivity($event);' value="2"></ion-radio> </ion-item> </ion-list> ...我只想根据从数据库中获取的信息预先检查打字稿中的值。如何从 Typescript 检查离子无线电？ 谢谢！ 好吧，我自己找到了答案。在 TypeScript 中，我只需要输入要检查的单选按钮的默认值即可： this.profile_activities = "1"; ...例如，在 ionViewWillEnter() 功能中，选中带有 value="1" 的收音机！ 在我的例子中离子6，角度12 如果像这样工作 <ion-list radio-group value="{{profile_activities}}" name="activities"> ......
解析日期时出错请提供有效的 ISO 8601 日期时间 Ionic
我已将日期保存在服务器数据库中作为时间戳。 然后我使用下面的代码将时间戳转换为日期 完成日期：新日期（时间戳）； 它显示日期：2018 年 2 月 28 日星期三 00:35:06 GMT+0530 （我...
Capacitor App Plugin 不要让 android studio 构建 apk
我正在关注这里的教程：https://capacitorjs.com/docs/apis/app 我做了以下步骤： pnpm 安装@capacitor/app npx 上限同步 pnpm react-scripts build && npx cap sync android...
我正在从模式中获取值，我想在 ionic2 angular2 项目中使用本地存储来存储和获取它。我的代码如下。它给出以下错误： 在 home.ts 页面中，我导入了
找到代码没问题，只需要帮助将我的地理位置添加为原点，有人可以帮助我吗？我的代码的基础 这是我的 component.ts 或来自 ionic2 的 contact.ts 导入 { 组件、NgModule、NgZ...
下面是我的服务类，它采用具有 json 格式数据的 url。 服务.ts 从“@angular/core”导入{可注射}； 从'@angular/http'导入{Http}； 进口{
我可以使用以下脚本将文件下载到设备。我想知道的是能够在视图中显示下载的百分比。 下载图像（）{ 这个.platform.ready().th...
Ionic 6 电容器`pushNotificationActionPerformed`事件不会在点击推送通知时触发
我正在我的 Ionic 6 应用程序中实施推送通知。我正在使用 @capacitor/push-notifications 插件来管理我的 Ionic 应用程序中的推送通知。 从'@angular/core'导入{Injectable}； 进口...
我在ionic2中开发了一个页面，以处理谷歌地图。但是我的离子内容什么都不显示。我的html页面包含以下代码。
如何在Ionic 2中的ion-datetime中设置默认日期。
在我的page.html表格中，我有一个ION-datetime字段，当点击它时，Ionic日历就会被打开来选择所需的日期，我想让它在我的表格打开时显示当前的日期。我想让它在我的表单打开时显示当前日期。我正在尝试用下面的方法...
我使用的是Ionic 2，当我使用命令ionic cordova运行Android时，我遇到了这个错误。获取插件 "mx.ferreyra.callnumber@~0.0.2 "通过npm ERROR运行一个或多个平台。Android SDK ...
我想在Ionic框架中创建一个类似Android Fragments的UI。头部会有按钮等，这些按钮有动画。这就是为什么我不能使用navctrl.push或navctrl.setroot。我需要...
我试图在移动设备上调整一个图像的大小。使用ionic 2框架，基于angular 2）。我的最大文件大小是5MB，而有些设备捕获的图像比这个大。所以我目前正在尝试...
在这里我得到的数据，我应用了无限滚动，但项目没有显示在我的滚动页面以下是我的代码。.html
让从自己的服务器发送的PushNotifications在Android后台可见。
在我的Ionic App中，我通过Firebase Cloud Messaging接收来自我自己服务器的推送通知。我正在发送通知的帖子请求到https:/fcm.googleapis.comfcmsend。他们...
在Angular2中，当元素的模型（文本）发生变化时，如何对其进行动画处理？
我试图在我的Ionic 2（Angular 2）项目中，每当文本变化时，就对一个值进行动画。这是在Ionic2项目中，但对于任何Angular2项目都应该是一样的。我的标记中有以下内容......。