@andreasTedja wrote:
Hi There,
How to display error from response API to html?
like picture attached.
let say i want to display the error code/message error using alert.thank you
Posts: 1
Participants: 1
@andreasTedja wrote:
Hi There,
How to display error from response API to html?
like picture attached.
let say i want to display the error code/message error using alert.thank you
Posts: 1
Participants: 1
@gaurav_ch wrote:
Hi,
updated to latest cli and I am running
ìonic lab
command. Following is the cli outputDate: 2019-01-30T11:53:51.562Z - Hash: c1a6384c5e078fc39d98 - Time: 4448ms [ng] 181 unchanged chunks [ng] chunk {intro-intro-module} intro-intro-module.js, intro-intro-module.js.map (intro-intro-module) 7.17 kB [rendered] [ng] i 「wdm」: Compiled successfully
4 seconds is too long for the refresh. It was very fast in v3. I am on Dell XPS 15 with i7, 16 GB RAM and 512GB SSD.
Posts: 1
Participants: 1
@KamayaniT wrote:
HI, I tried to install following package
but it gives following error when served,
How can I use such libraries with latest ionic version. My question is not just related to this specific library, it is regarding management of typescripts and different versions of angular
Posts: 1
Participants: 1
@basti wrote:
Hi I wanted to start a fresh ionic app, but I’m just getting this error (ionic is installed):
> npm i npm WARN deprecated circular-json@0.5.9: CircularJSON is in maintenance only, flatted is its successor. npm ERR! Unexpected end of JSON input while parsing near '...:{"strip-ansi":"^4.0.' [ERROR] An error occurred while running subprocess npm. npm i exited with exit code 1. Re-running this command with the --verbose flag may provide more information. ionic:cli-framework:utils:process onBeforeExit handler: process.exit received +0ms ionic:cli-framework:utils:process onBeforeExit handler: running 1 functions +2ms ionic:cli-framework:utils:process error while killing process tree for 7392: { Error: Command failed: taskkill /pid 7392 /T /F ionic:cli-framework:utils:process FEHLER: Der Prozess "7392" wurde nicht gefunden. ionic:cli-framework:utils:process ionic:cli-framework:utils:process at ChildProcess.exithandler (child_process.js:275:12) ionic:cli-framework:utils:process at emitTwo (events.js:126:13) ionic:cli-framework:utils:process at ChildProcess.emit (events.js:214:7) ionic:cli-framework:utils:process at maybeClose (internal/child_process.js:925:16) ionic:cli-framework:utils:process at Process.ChildProcess._handle.onexit (internal/child_process.js:209:5) ionic:cli-framework:utils:process killed: false, ionic:cli-framework:utils:process code: 128, ionic:cli-framework:utils:process signal: null, ionic:cli-framework:utils:process cmd: 'taskkill /pid 7392 /T /F' } +203ms ionic:cli-framework:utils:process onBeforeExit handler: error from function: { Error: Command failed: taskkill /pid 7392 /T /F ionic:cli-framework:utils:process FEHLER: Der Prozess "7392" wurde nicht gefunden. ionic:cli-framework:utils:process ionic:cli-framework:utils:process at ChildProcess.exithandler (child_process.js:275:12) ionic:cli-framework:utils:process at emitTwo (events.js:126:13) ionic:cli-framework:utils:process at ChildProcess.emit (events.js:214:7) ionic:cli-framework:utils:process at maybeClose (internal/child_process.js:925:16) ionic:cli-framework:utils:process at Process.ChildProcess._handle.onexit (internal/child_process.js:209:5) ionic:cli-framework:utils:process killed: false, ionic:cli-framework:utils:process code: 128, ionic:cli-framework:utils:process signal: null, ionic:cli-framework:utils:process cmd: 'taskkill /pid 7392 /T /F' } +12ms ionic:cli-framework:utils:process onBeforeExit handler: exiting (exit code 1) +2ms
Does anybody can help me here?
Posts: 1
Participants: 1
@Dunaan wrote:
Hello there,
I’m quite new with Ionic and I don’t understand how the component “infinite-scroll” works.
A lot of tutorials about this component are made with a random user generator on Internet, but I would like to do it with datas I made myself, such those ones :import { Component } from '@angular/core'; import { NavController } from 'ionic-angular'; import { InfiniteScroll } from 'ionic-angular'; @Component({ selector: 'page-administrateur', templateUrl: 'administrateur.html' }) export class Administrateur { infiniteScroll: InfiniteScroll; users = [ {firstName : "Julie", lastName : "Aubret", mail : "julieaubret@outlook.fr"}, {firstName : "Thomas", lastName : "Perrot", mail : "thomasperrot@outlook.fr"}, {firstName : "Maxime", lastName : "Le Feuvre", mail : "maximelefeuvre@outlook.fr"}, {firstName : "Mewen", lastName : "Le Pogam", mail : "mewenlepogam@outlook.fr"}, {firstName : "Aziliz", lastName : "Abollivier", mail : "azilizabollivier@outlook.fr"}, {firstName : "Thibault", lastName : "Herledan", mail : "thibaultherledan@outlook.fr"}, {firstName : "Sophie", lastName : "Puybareau", mail : "sophiepuybareau@outlook.fr"}, {firstName : "Kévin", lastName : "Le Manach", mail : "kevinlemanach@outlook.fr"} ]; page = 0; maximumPages = 3; constructor(public navCtrl: NavController) { this.loadUsers(); } loadUsers(infiniteScroll?) { if (infiniteScroll) { infiniteScroll.complete(); } } loadMore(infiniteScroll) { this.page++; this.loadUsers(infiniteScroll); if (this.page === this.maximumPages) { infiniteScroll.enable(false); } } }
And all what I get is this :
Any idea about how to solve this?
Thanks by advance
Posts: 1
Participants: 1
@jodersus wrote:
The documentation for the api of ion-reorder and ion-reorder-group is incomplete (!)
Can you please update it?Many thanks,
Alex
Posts: 1
Participants: 1
@baattexx wrote:
I want to use regex to filter my ocr result and only those that match my regex will be displayed. Can you please provide code samples because i did not find any sample that match my desired result.
Posts: 1
Participants: 1
@henry212 wrote:
So I basically have an app which will be used by multiple users, now i need to store the fingerprint data for everyone who registers to be able to remember them the next time they login.
Do you know of any ways to do this, and if there are any features available in the ionic framework plugins.
Thanks in advance, this will go a long way.
Posts: 1
Participants: 1
@Jalvarez05 wrote:
Hello,everyone .
Hello,everyone .I want to tracking the user app even Background mode.
I’ve followed this tutorial :
And I’ve modified some things like :
1.Create model to save locations
2. I’ve add the location to my array inside : this.zone.run , like this :this.zone.run(() => {
this.lat = location.latitude;
this.lng = location.longitude;
console.log(“ZONE 1”);
let newLocation: location = {
lat: location.latitude,
lng: location.longitude
};
this.locations.push(newLocation);
});
- When user click on Stop Tracking, i want to print with alert all locations tracked.
I am not sure if I should added the locations inside this.zone.run , i’ve tried put that outside(before of this.zone.run but it fails too)
Any idea about that ?
My code project is :
I would like to integrate thr project using this tutorial too:
Posts: 1
Participants: 1
@iAhmad89 wrote:
Hello,
I’m trying to add geolocation to my app (ionic 3) to get my current position, but it gives me this error
import { Geolocation } from '@ionic-native/gelocation';
Expected 1-3 arguments, but got 0.
However, i get another error when using this import:
import { Geolocation } from '@ionic-native/gelocation/ngx';
Object(…) is not a function
at Geolocation.Array.concat.Geolocation.getCurrentPositionmy code:
import { Component } from '@angular/core'; import { Geolocation } from '@ionic-native/geolocation/ngx'; //import { Geolocation } from '@ionic-native/geolocation'; ... constructor( .... , private gps: Geolocation, .....) {} getLocation(){ this.gps.getCurrentPosition().then(res => { console.log(res); }); } ....
Thanks in advance!
Posts: 1
Participants: 1
@lunneyd wrote:
It was working earlier today but ionic cordova run android will not work on any project. I am getting the same error. ionic serve works perfectly.
ionic-app-scripts build --target cordova --platform android
cordova run android --proxy --livereload-port 35729 --dev-logger-port 53703
Android Studio project detected
The platform “35729” does not appear to have been added to this project.
[ERROR] An error occurred while running subprocess cordova.cordova run android --proxy --livereload-port 35729 --dev-logger-port 53703 exited with exit code 1. Re-running this command with the --verbose flag may provide more information.
When I ran Ionic cordova run android --livereload -cs I got the following.
TypeError: arg.includes is not a function** at args.length.args.map.arg (/usr/local/lib/node_modules/ionic/node_modules/@ionic/cli-framework/utils/shell.js:130:44) at Array.map (<anonymous>) at ShellCommand.bashify (/usr/local/lib/node_modules/ionic/node_modules/@ionic/cli-framework/utils/shell.js:130:29) at Shell.<anonymous> (/usr/local/lib/node_modules/ionic/lib/shell.js:27:33) at Generator.next (<anonymous>) at fulfilled (/usr/local/lib/node_modules/ionic/node_modules/tslib/tslib.js:104:62) at <anonymous>**
Posts: 1
Participants: 1
@AdamGelineau wrote:
Hi guys,
I’ve just updated my Ionic CLI by doing
npm install -g ionic
And now I can’t run my app anymore by doing
ionic cordova run android --verbose
It returns this error
No scripts found for hook "before_run". No scripts found for hook "before_prepare". Checking config.xml and package.json for saved platforms that haven't been added to the project Config.xml and package.json platforms are the same. No pkg.json modification. Package.json and config.xml platforms are different. Updating config.xml with most current list of platforms. PlatformApi successfully found for platform android Android Studio project detected The platform "35729" does not appear to have been added to this project. Error: The platform "35729" does not appear to have been added to this project. at Object.getPlatformApi (C:\Users\Adam Gelineau\AppData\Roaming\npm\node_modules\cordova\node_modules\cordova-lib\src\platforms\platforms.js:46:15) at C:\Users\Adam Gelineau\AppData\Roaming\npm\node_modules\cordova\node_modules\cordova-lib\src\cordova\prepare.js:53:38 at Array.map (<anonymous>) at C:\Users\Adam Gelineau\AppData\Roaming\npm\node_modules\cordova\node_modules\cordova-lib\src\cordova\prepare.js:51:47 at _fulfilled (C:\Users\Adam Gelineau\AppData\Roaming\npm\node_modules\cordova\node_modules\q\q.js:854:54) at C:\Users\Adam Gelineau\AppData\Roaming\npm\node_modules\cordova\node_modules\q\q.js:883:30 at Promise.promise.promiseDispatch (C:\Users\Adam Gelineau\AppData\Roaming\npm\node_modules\cordova\node_modules\q\q.js:816:13) at C:\Users\Adam Gelineau\AppData\Roaming\npm\node_modules\cordova\node_modules\q\q.js:624:44 at runSingle (C:\Users\Adam Gelineau\AppData\Roaming\npm\node_modules\cordova\node_modules\q\q.js:137:13) at flush (C:\Users\Adam Gelineau\AppData\Roaming\npm\node_modules\cordova\node_modules\q\q.js:125:13)
I don’t know what to do here, I don’t know what is “35729” platform…
Thanks
Posts: 1
Participants: 1
@muratcankuruoffical wrote:
example project:
I looked at hım…import { Injectable } from '@angular/core'; interface Todo { id: string, title: string, description: string } @Injectable() export class TodoService { public todos: Todo[] = []; constructor() { // Set some test todos this.todos = [ { id: 'todo-one', title: 'Todo One', description: 'Do Stuff' }, { id: 'todo-two', title: 'Todo Two', description: 'Do Stuff' }, { id: 'todo-three', title: 'Todo Three', description: 'Do Stuff' }, { id: 'todo-four', title: 'Todo Four', description: 'Do Stuff' }, { id: 'todo-five', title: 'Todo Five', description: 'Do Stuff' }, { id: 'todo-six', title: 'Todo Six', description: 'Do Stuff' }, { id: 'todo-seven', title: 'Todo Seven', description: 'Do Stuff' } ]; } getTodo(id): Todo { return this.todos.find(todo => todo.id === id); } }
I’m project:
I can’t get data
btc.service.tsimport { Injectable } from '@angular/core'; import { HttpClient } from '@angular/common/http'; import { Observable, throwError } from 'rxjs'; import { ActivatedRoute } from '@angular/router'; import { NavController, ModalController } from '@ionic/angular'; import { Router } from '@angular/router'; interface Item { //I've tried... /* id: string, name: string, symbol: string, rank: number, price_usd: number, price_btc: number, 24h_volume_usd: number, market_cap_usd: number, available_supply: number, total_supply: number, max_supply: number, percent_change_1h: number, percent_change_24h: number, percent_change_7d: number, last_updated: number */ } @Injectable({ providedIn: 'root' }) export class BtcService { public items: Item[] = []; //items:any; constructor (public http: HttpClient) { let data:Observable<any>; data = this.http.get('https://api.coinmarketcap.com/v1/ticker/'); data.subscribe(result => { this.items = result; }); /*this.items = this.http.get('https://api.coinmarketcap.com/v1/ticker/'); this.items.subscribe(data => { console.log('my data:', data); }) */ } getItem(id): Item { return this.items.find(item => item.id === id); } }
Posts: 1
Participants: 1
@devpassion96 wrote:
Hi, i created a form field with ionic but wants the username field to be unique. Therefore, it has to check whether the username input is in the firebase realtime database or not.
If it is in the database it should not allow you to register. But it will instead prompt you to enter a different username.
Am trying to do it using the following, but its not working:
this is the ts. fileexport class RegisterPage { registerForm: FormGroup; constructor(private afs: AngularFirestore, private fb: FormBuilder) { } ngOnInit() { this.loginForm = this.fb.group({ email: ['', [ Validators.required, Validators.email, ]], username: ['', Validators.required, CustomValidator.username(this.afs) ], }); } // Use getters for cleaner HTML code get email() { return this.loginForm.get('email') } get name() { return this.loginForm.get('name') } } export class CustomValidator { static username(afs: AngularFirestore) { return (control: AbstractControl) => { // return an observable here.... const username = control.value.toLowerCase(); return afs.collection('person-list', ref => ref.where('username', '==', username) ) .valueChanges().pipe( debounceTime(500), take(1), map(arr => arr.length ? {nameAvailable: false } : null ), ) } } }
.html file
<form [formGroup]="loginForm" novalidate> <ion-item > <ion-label for="email">Email</ion-label><br> <ion-input type="email" formControlName="email"></ion-input> </ion-item> <div class="alert alert-danger" *ngIf="email.touched && email.invalid"> <div *ngIf="email.errors.asyncUnique" class="notification is-danger"> {{ email.value }} email must be unique </div> </div> <ion-item > <ion-label for="username">Name</ion-label><br> <ion-input type="username" formControlName="username"></ion-input> </ion-item> <div *ngIf="username .invalid && username.dirty" class="notification is-danger"> {{ username.value }} is already taken </div> <div *ngIf="username .valid" class="notification is-success"> {{ username.value }} is available </div> <div *ngIf="username .pending" class="notification is-info"> Hold tight... Checking availability of {{ username.value }} </div> <button [disabled]="!loginForm.valid"> Button</button> </form>
Will really appreciate your help.
Thanks you in advance.
Posts: 1
Participants: 1
@jcn-ithaca wrote:
I was using the page at
https://ionicframework.com/docs/ionicons/
to search version 3 icons.
Since v4.0 arrived last week, the above page now redirects to
https://ionicons.com/
which shows only the latest version.(We are not ready to migrate our app to v4)
thanks!
Joe
Posts: 1
Participants: 1
@feezyhendrix wrote:
Ionic new update has stop asking for version to start project in ?
Posts: 1
Participants: 1
@pettrin wrote:
App.module.ts
import { FormsModule } from '@angular/forms'; import { BrowserModule } from '@angular/platform-browser'; import { NgModule} from '@angular/core'; import { IonicApp, IonicErrorHandler, IonicModule} from 'ionic-angular'; import { MyApp } from './app.component'; import { HomePage } from '../pages/home/home'; import { ApiProvider } from '../providers/api/api'; import {LoginPage} from "../pages/login/login"; import { UserProvider } from '../providers/user/user'; import {HttpClientModule} from "@angular/common/http"; import { EventosProvider } from '../providers/eventos/eventos'; import {RegisterUserPage} from "../pages/register-user/register-user"; import {BrMaskerModule} from "brmasker-ionic-3"; import {EventPage} from "../pages/event/event"; import {IonicStorageModule} from "@ionic/storage"; import {SearchUserPage} from "../pages/search-user/search-user"; import { CartProvider } from '../providers/cart/cart'; import { IngressoProvider } from '../providers/ingresso/ingresso'; import {CartPage} from "../pages/cart/cart"; import {EditPerfilPage} from "../pages/edit-perfil/edit-perfil"; import {CartButtonPage} from "../pages/cart-button/cart-button"; import {SucessCartPage} from "../pages/sucess-cart/sucess-cart"; import {ChamadaPage} from "../pages/chamada/chamada"; import {SucessChamadaPage} from "../pages/sucess-chamada/sucess-chamada"; import {PedidosPage} from "../pages/pedidos/pedidos"; import {PedidosDetalhesPage} from "../pages/pedidos-detalhes/pedidos-detalhes"; import {TabsPage} from "../pages/tabs/tabs"; import {EspetaculoPage} from "../pages/espetaculo/espetaculo"; import {PerfilPage} from "../pages/perfil/perfil"; import {LoginRequiredPage} from "../pages/login-required/login-required"; import {IngressosPage} from "../pages/ingressos/ingressos"; import {FavoritosPage} from "../pages/favoritos/favoritos"; import {AlterPasswordPage} from "../pages/alter-password/alter-password"; import {Camera} from "@ionic-native/camera"; import { CameraProvider } from '../providers/camera/camera'; import {FilterEventsPage} from "../pages/filter-events/filter-events"; import {SearchEventsPage} from "../pages/search-events/search-events"; import {SplashScreen} from "@ionic-native/splash-screen"; import {StatusBar} from "@ionic-native/status-bar"; import {IndicarAplicativoPage} from "../pages/indicar-aplicativo/indicar-aplicativo"; import {ValidatorsModule} from "../validators/validators.module"; import {ErrorHandlerService} from "../providers/error-handler-service"; import {SelectSearchableModule} from "ionic-select-searchable"; import {Facebook} from "@ionic-native/facebook"; import {SocialSharing} from "@ionic-native/social-sharing"; import {Base64} from "@ionic-native/base64"; import {MercadopagoPage} from "../pages/mercadopago/mercadopago"; import {IonicSelectableModule} from "ionic-selectable"; import {AgrupadoPage} from "../pages/agrupado/agrupado"; import { NgxQRCodeModule} from "ngx-qrcode2"; import {BarcodeScanner} from "@ionic-native/barcode-scanner"; // import {ScrollHideDirective} from "../services/scroll-hide"; import {SplashPage} from "../pages/splash/splash"; @NgModule({ declarations: [ // MyApp, // HomePage, // ScrollHideDirective // LoginPage, // RegisterUserPage, // EventPage, // SearchUserPage, // CartPage, // EditPerfilPage, // CartButtonPage, // SucessCartPage, // ChamadaPage, // SucessChamadaPage, // PedidosPage, // PedidosDetalhesPage, // TabsPage, // AgrupadoPage, // EspetaculoPage, // PerfilPage, // LoginRequiredPage, // IngressosPage, // FavoritosPage, // AlterPasswordPage, // SearchEventsPage, // FilterEventsPage, // IndicarAplicativoPage, // MercadopagoPage, ], imports: [ NgxQRCodeModule, FormsModule, BrowserModule, ValidatorsModule, SelectSearchableModule, IonicSelectableModule, IonicModule.forRoot(MyApp, { scrollAssist:false, autoFocusAssists:false }), HttpClientModule, BrMaskerModule, IonicStorageModule.forRoot({ name: 'Ecomerce', storeName: 'usuario', driverOrder: ['indexeddb'] }) ], bootstrap: [IonicApp], entryComponents: [ MyApp, HomePage, LoginPage, RegisterUserPage, EventPage, SearchUserPage, CartPage, EditPerfilPage, CartButtonPage, SucessCartPage, ChamadaPage, SucessChamadaPage, PedidosPage, PedidosDetalhesPage, TabsPage, AgrupadoPage, EspetaculoPage, PerfilPage, LoginRequiredPage, IngressosPage, FavoritosPage, AlterPasswordPage, SearchEventsPage, FilterEventsPage, IndicarAplicativoPage, MercadopagoPage, ], providers: [ Camera, BarcodeScanner, StatusBar, SplashScreen, {provide: ErrorHandlerService, useClass: IonicErrorHandler}, ApiProvider, UserProvider, EventosProvider, CartProvider, IngressoProvider, CameraProvider, Facebook, SocialSharing, Base64, ] }) export class AppModule {}
When i was building in prod, i receive this error.
Posts: 1
Participants: 1
@CreativeArtDesign wrote:
<!DOCTYPE html> <html lang="en" dir="ltr"> <head> <meta charset="utf-8" /> <title>Böntider Sverige</title> <base href="/" /> <meta name="viewport" content="viewport-fit=cover, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" /> <meta name="format-detection" content="telephone=no" /> <meta name="msapplication-tap-highlight" content="no" /> <link rel="icon" type="image/png" href="assets/icon/favicon.png" /> <!-- add to homescreen for ios --> <meta name="apple-mobile-web-app-capable" content="yes" /> <meta name="apple-mobile-web-app-status-bar-style" content="black" /> </head> <body> <app-root></app-root> </body> </html>
Would like to replace this tag here. to this below… but it does not read my service variable…
<html lang="en" dir="{{this.service.langDirection_gv}}">
But it does not read the value.
How do i read this value before …
Do i need to import my service in main.ts?
Posts: 1
Participants: 1
@Pol52 wrote:
I mean, I get it that ionic 4 beta is over, but why would you remove the beta docs which were somewhat decent or at least half complete and just leave the standard docs which are empty and not even finished for the most part?
Is there any detailed source for the docs?
Posts: 1
Participants: 1
@claudiocfls wrote:
Hi, I always used the “ionic serve” command to test my pwa and it works fine. Now it is finished and I want some performance improvement, so I decided to use the build command.
I don’t use lazy loading and all pages are imported in app.module.ts (declarations and entryComponents).
But, the build --prod command raise the folowing error:
typescript error
Type DetailsPage in /home/claudio/workspace/pesqSaude/src/pages/details/details.ts is part of the
declarations of 2 modules: AppModule in /home/claudio/workspace/pesqSaude/src/app/app.module.ts and
DetailsPageModule in /home/claudio/workspace/pesqSaude/src/pages/details/details.module.ts! Please consider
moving DetailsPage in /home/claudio/workspace/pesqSaude/src/pages/details/details.ts to a higher module that
imports AppModule in /home/claudio/workspace/pesqSaude/src/app/app.module.ts and DetailsPageModule in
/home/claudio/workspace/pesqSaude/src/pages/details/details.module.ts. You can also create a new NgModule
that exports and includes DetailsPage in /home/claudio/workspace/pesqSaude/src/pages/details/details.ts then
import that NgModule in AppModule in /home/claudio/workspace/pesqSaude/src/app/app.module.ts and
DetailsPageModule in /home/claudio/workspace/pesqSaude/src/pages/details/details.module.ts.I already saw that I have to delete pageName.module.ts files and @IonicPage() at .ts file, but doing this my app doesn’t works with “ionic serve” anymore.
What I can do to solve this problem?
Posts: 1
Participants: 1