Ionic es un marco front-end para el desarrollo de aplicaciones móviles híbridas nativas con HTML y Sass. Tradicionalmente, se ejecuta sobre Cordova y Angular, pero desde Ionic 4 es compatible con Angular, React, Vue.js y Web Components que se ejecutan sobre Cordova o Capacitor.

Más sobre ionic-framework...

Tengo una ruta simple como esta: import { NgModule } from '@angular/core'; import { PreloadAllModules, RouterModule, Routes } from '@angular/router'; const routes: Routes = [ { path: 'scenario', loadChildren: () => import('./pages/scenarios/scenario/scenario.module').then( m => m.ScenarioPa....
15 ene. 2022 a las 00:04
Mi objetivo también es llegar a un punto en el que el borde izquierdo de las cartas se vea así: El bucle es el siguiente: <ion-card *ngFor="let office of searchItems" class="custom"> Idealmente, me encantaría usar la interpolación de cadenas y tener algo como esto, por ejemplo: style="border-left....
9 ene. 2022 a las 16:49
Estoy desarrollando una aplicación de chat con back-end iónico/angular y laravel. No puedo enviar la respuesta del servidor a la matriz existente. Para obtener todos los mensajes de chat del servidor getConversations(standardId) { this.data.getConversations(standardId).subscribe(data => { this.m....
8 ene. 2022 a las 07:34
Cuando hago: ionic cap build android --prod --release , tengo este error: Error: src/app/app-routing.module.ts:60:14 - error NG6002: Appears in the NgModule.imports of AppModule, but itself has errors export class AppRoutingModule {} No tengo este error cuando acabo de hacer: ionic cap build andr....
8 ene. 2022 a las 00:17
No estoy muy familiarizado con Angular. Me gustaría tener una grilla como esta: Es decir, tener una imagen por fila alternando con dos imágenes. Probé con este código pero obtengo una cuadrícula ligeramente diferente (también obtengo la misma imagen dos veces porque no sé cómo aumentar el índice d....
5 ene. 2022 a las 22:27
Estoy tratando de mostrar un mensaje tostado cuando la aplicación recibe notificaciones push de FCM mientras la aplicación está en primer plano, pero el mensaje brindis no aparece, coloqué alert(data.message) y la alerta se muestra sin problemas, pero los mensajes tostados no. Por cierto, el mensaj....
Estoy tratando de cargar una imagen en uno de mis componentes y, para ello, creé una aplicación de muestra con el siguiente comando: ionic start yp-patient-app sidemenu --type=react --capacitor Después de completar, me moví a uno de los componentes e intenté usar una imagen preexistente a través d....
4 ene. 2022 a las 21:14
Tengo botones que se generan dinámicamente. Al hacer clic en cualquiera de los botones, quiero que se cambie el CSS del botón, según el botón que esté activado. Mi código: Html: <div class="container"> <div class="scroll" scrollX="true"> <span *ngFor="let item of buttons; let i = index" (click)=....
4 ene. 2022 a las 18:06
Estoy tratando de convertir un proyecto angular en iónico, he inicializado y cambiado la configuración en las coincidencias del nombre del proyecto angular.json, package.json e ionic.config.json. El nombre del proyecto es simplemente "frontend", pero cuando intento usar ionic serve obtengo esto: Se ....
4 ene. 2022 a las 15:22
Tengo el siguiente código: @Component({ selector: 'app-accountdetailed', templateUrl: './accountdetailed.page.html', styleUrls: ['./accountdetailed.page.scss'], }) export class AccountdetailedPage implements OnInit { protected itemId = ''; public item = { email: 'email-1@hotmail.co.u....
2 ene. 2022 a las 21:20
Estoy usando la transformación de tubería en <ion-select-option *ngFor="let item of collection | myPipe:someValueToFilter" [value]="item"> y la tubería filtrará, mapeará y clasificará. ¿Cómo puedo establecer el valor predeterminado en selectedItem dentro de <ion-select [(ngModel)]="selectedItem"> en....
2 ene. 2022 a las 10:04
Tengo una aplicación y necesito hacer un enrutamiento local. He adjuntado la estructura del archivo como una imagen. Lo que quiero hacer es que cuando hago clic en un botón en la cuenta de administración, navega a la cuenta detallada. Actualmente tengo el enrutamiento en la aplicación-routing.modul....
Me gustaría hacer una aplicación, donde solo puedes registrarte con un token único aleatorio específico que le di a la gente. Entonces les di un token, por ejemplo: 8743-2342-6587 y pueden ingresar a la aplicación en la página de registro, escribir este token y también escribir el correo electrónic....
// - border-color es una propiedad copiada de la documentación iónica, pero no funciona. A continuación se muestra un ejemplo de mis códigos. Estoy tratando de usar propiedades CSS personalizadas, ¡pero parece que no funciona! Login.html <ion-content> <ion-header [translucent]="true"> ....
31 dic. 2021 a las 10:22
privateCall(apiSecret, apiKey, path, data = null, get = true) { const timestamp = Date.now(); const recvWindow = 60000; //máximo permitido, default 5000 var obj = { apiSecret, ...data, timestamp, recvWindow }; var hash = CryptoJS.SHA256(obj); var s....
Tengo una aplicación Ionic Angular (compilación de Android) Tengo lo siguiente: getAllUsers() { return this.dbInstance.executeSql(`SELECT * from ${this.db_table}`) .then((data) => { if (data.rows.length > 0) { for (let i = 0; i < data.rows.length; i++) { con....
30 dic. 2021 a las 20:56
Estoy usando swiperjs y tengo dificultades para hacer las diapositivas ya que no pasarán a la siguiente diapositiva y no puedo obtener el índice activo de ellos, este es mi código ¿Dónde me equivoco? Estoy usando mecanografiado y swiperjs versión 6.84 con el marco iónico import 'swiper/components....
Desarrollé algunas aplicaciones con framework Ionic (Angular). Cuando construyo un archivo .apk y lo instalo en un dispositivo Android, la nueva aplicación sustituye (elimina la anterior) a la anterior instalada anteriormente. Cuando desarrollo una aplicación nativa en Android Studio, no tengo ese....
30 dic. 2021 a las 18:33
A partir de mi última publicación, estoy buscando una manera de envolver mi aplicación Ionic / Angular con algún tipo de aplicación de Windows. Estoy mirando a Electron (y tengo problemas), pero también estoy investigando si acabo de crear mi propia aplicación WinUI3 y usé Webview2. El código relev....
28 dic. 2021 a las 08:24
Estoy buscando una manera de envolver mi aplicación Ionic / Angular con algún tipo de aplicación de Windows. Estoy mirando a Electron (y tengo problemas), pero también estoy investigando si acabo de crear mi propia aplicación WinUI3 y usé Webview2. Aunque esto es Ionic / Angular, creo que esto se a....
28 dic. 2021 a las 08:17
Tengo una aplicación Angular 2+ empaquetada con Capacitor. Quiero agregarle una animación de pantalla de presentación. Después de investigar este problema, entendí que no es posible animar la pantalla de inicio, pero podemos esperar hasta que se inicie la aplicación y agregarle la animación. ¿Algui....
28 dic. 2021 a las 03:13
Construí una aplicación que usa geolocalización pero no sé cómo hacer la pregunta sobre "usar la ubicación de los usuarios para el seguimiento". Intenté agregar esto en config.xml pero no pasó nada... ¿Cómo puedo resolver esto? Aquí también agregué mi archivo pod. Creo que se construye nuevo cada v....
27 dic. 2021 a las 15:01
Tengo problemas al intentar poner un div debajo de otro div con diplay:grid. El div se coloca encima del otro y no debajo. "app-bm-payment-card-item" es un componente Angular personalizado. Archivo HTML //div wrapper <div *ngIf="pageReady && myProfiles" class="ion-padding"> //div showing the cards....
27 dic. 2021 a las 05:51
Tengo un problema con ngFor: para cada elemento de la lista tengo una imagen y al hacer clic en me gustaría mostrar los detalles de esa imagen solamente. El problema es que si hago clic en una imagen, aparecen los detalles de todos los elementos de la lista. .html: <div class=" gif" *ngFor="let r....
27 dic. 2021 a las 00:43
Estoy tratando de aprender el enrutamiento angular. Puedo ver la pantalla en blanco y no hay errores. Quiero pasar de la aplicación a la página de inicio. Aquí está el código. Para la aplicación: App-routing.module.ts import { NgModule } from '@angular/core'; import { PreloadAllModules, RouterModul....