@doron wrote:
I keep seeing “RTL” as the current version of Ionic, in Github and on here, e.g. here https://github.com/ionic-team/ionic/issues/17012
Please excuse my ignorance, but could somebody please tell me what RTL means? It was difficult to find an answer online - still haven’t found one - because that acronym could stand for so many things…
Thanks!
Posts: 1
Participants: 1
@admintgsgroup wrote:
I’m working with Ionic 3 and I need to visualize a CSV in my app. I used Papaparse to read the file and I got them with
console.log(this.csvData)But I can’t show them in the HTML file (the space in blank should show the table with the info). All I want is a table with the info of the CSV file local store. If you can see
headerRowandcsvDataare empty when calling {{headerRow}} and {{csvData}} in HTML. The thing is I can’t access to both arrays to render them.
I’m using Ionic 3 with Angular 5.this is part of my .ts file ;
export class myPage { csvData: any[] = []; headerRow: any[] = []; url = 'assets/json/data.csv'; constructor(public navCtrl: NavController, public navParams: NavParams, private httpClient: HttpClient, public modalController: ModalController) { this.extract() } private extract(){ Papa.parse(this.url, { download: true, complete: function(results) { this.csvData=results.data; this.headerRow = this.csvData[0]; this.csvData.splice(0, 1); console.log(this.csvData); console.log(this.headerRow); } }); } }this is part of my .HTML file :
<ion-content> <ion-item> <div class="data-scroll"> <table border="1" class="data-table"> <tr> <td *ngFor="let row of headerRow; let i = index" text-center> <b> {{ row }} </b> </td> </tr> <tr *ngFor="let row of csvData; let i = index" > <td *ngFor="let item of row; let j = index"> {{row}} </td> </table> </div> <br> header: {{ headerRow | json }} csvData: {{ csvData | json }} </ion-item> </ion-item> </ion-content>
Posts: 1
Participants: 1
@stefk wrote:
I’m unable to run
ionic cordova build androiddue to the following error:> ng run app:ionic-cordova-build --platform=android The run command requires to be run in an Angular project, but a project definition could not be found. [ERROR] An error occurred while running subprocess ng. ng run app:ionic-cordova-build --platform=android exited with exit code 1. Re-running this command with the --verbose flag may provide more information.This is the output from running it with --verbose:
ionic:lib Terminal info: { tty: true, ci: false, windows: true } +0ms ionic:lib CLI global options: { _: [ 'cordova', 'build', 'android' ], help: null, h: null, verbose: true, quiet: null, interactive: true, color: true, confirm: null, json: null, project: null, '--': [] } +6ms ionic:lib:project Project type from config: @ionic/angular (angular) +0ms ionic:lib:project Project details: { configPath: 'c:\\Projects\\drbapp\\ionic.config.json', errors: [], context: 'app', type: 'angular' } +1ms ionic Context: { binPath: 'C:\\Users\\stefk\\AppData\\Roaming\\npm\\node_modules\\ionic\\bin\\ionic', libPath: 'C:\\Users\\stefk\\AppData\\Roaming\\npm\\node_modules\\ionic', execPath: 'c:\\Projects\\drbapp', version: '4.9.0' } +0ms ionic:lib:integrations:cordova:config Using config.xml: c:\Projects\drbapp\config.xml +0ms ionic:lib:telemetry Sending telemetry for command: 'ionic cordova build' [ 'android', '--verbose', '--interactive', '--color' ] +0ms ionic:lib:hooks Looking for ionic:build:before npm script. +0ms ionic:lib:build Looking for ionic:build npm script. +0ms > ng run app:ionic-cordova-build --platform=android The run command requires to be run in an Angular project, but a project definition could not be found. [ERROR] An error occurred while running subprocess ng. ng run app:ionic-cordova-build --platform=android 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 +1ms ionic:cli-framework:utils:process error while killing process tree for 17852:{ Error: Command failed: taskkill /pid 17852 /T /F ionic:cli-framework:utils:process ERROR: The process "17852" not found. ionic:cli-framework:utils:process ionic:cli-framework:utils:process at ChildProcess.exithandler (child_process.js:297:12) ionic:cli-framework:utils:process at ChildProcess.emit (events.js:197:13) ionic:cli-framework:utils:process at maybeClose (internal/child_process.js:978:16) ionic:cli-framework:utils:process at Socket.stream.socket.on (internal/child_process.js:395:11) ionic:cli-framework:utils:process at Socket.emit (events.js:197:13) ionic:cli-framework:utils:process at Pipe._handle.close (net.js:611:12) 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 17852 /T /F' } +216ms ionic:cli-framework:utils:process onBeforeExit handler: error from function: { Error: Command failed: taskkill /pid 17852 /T /F ionic:cli-framework:utils:process ERROR: The process "17852" not found. ionic:cli-framework:utils:process ionic:cli-framework:utils:process at ChildProcess.exithandler (child_process.js:297:12) ionic:cli-framework:utils:process at ChildProcess.emit (events.js:197:13) ionic:cli-framework:utils:process at maybeClose (internal/child_process.js:978:16) ionic:cli-framework:utils:process at Socket.stream.socket.on (internal/child_process.js:395:11) ionic:cli-framework:utils:process at Socket.emit (events.js:197:13) ionic:cli-framework:utils:process at Pipe._handle.close (net.js:611:12) 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 17852 /T /F' } +6ms ionic:cli-framework:utils:process onBeforeExit handler: exiting (exit code 1)+5msHere is my output for
ionic info:[ERROR] Error loading @ionic/angular package.json: Error: Cannot find module '@ionic/angular/package' [ERROR] Error loading @ionic/angular-toolkit package.json: Error: Cannot find module '@ionic/angular-toolkit/package' [ERROR] Error loading @angular-devkit/build-angular package.json: Error: Cannot find module '@angular-devkit/build-angular/package' Ionic: ionic (Ionic CLI) : 4.9.0 (C:\Users\stefk\AppData\Roaming\npm\node_modules\ionic) Ionic Framework : not installed @angular-devkit/build-angular : not installed @angular-devkit/schematics : 7.2.3 @angular/cli : 7.2.3 @ionic/angular-toolkit : not installed Cordova: cordova (Cordova CLI) : 8.1.2 (cordova-lib@8.1.1) Cordova Platforms : android 7.1.4 Cordova Plugins : no whitelisted plugins (22 plugins total) System: (C:\Users\stefk\AppData\Local\Android\android-sdk) NodeJS : v11.8.0 (C:\Program Files\nodejs\node.exe) npm : 6.7.0 OS : Windows 7This is after upgrading to the latest node.js, npm, ionic CLI, and cordova, in an attempt to fix android builds failing due to “Unable to merge dex” (and unlike what the countless search results for this error suggest,
cordova clean androiddid nothing to fix it), but this is a legacy Ionic v1 app for which a rewrite for the latest Ionic is not feasible for at the moment.I see there are plenty of problems I have now from this upgrade, but I’m unsure how to fix any of them.
I tried running
ng update @angular/cli --migrate-only --from=1.4.3(I’m assuming 1.4.3 is the version number I was supposed to put there, it’s the version number indicated in www/lib/ionic/js/angular/angular.js), but that only gives me an error statingCould not find configuration file.
Posts: 1
Participants: 1
@softwarekoch wrote:
Hi,
i tried to install ionic-docs as OFFLINE Version but always get 6 WARNINGS and 1 ERROR.
Does anyone knows how to get rid of this problem because i really need a offline version to
learn ionic.Krgds Dietmar
koch@UX305LA-FC075T:~/ionic/ionic-docs$ sudo npm start
ionic-docs@1.0.0 prestart /home/koch/ionic/ionic-docs
npm run -s build-all
Pages
Build static pages
Build API pages
Build CLI pages
Build native pages
Menus
Build CLI command menu
Build native plugins menu
Data
Build API reference data
Build search index
[46:37.5] @stencil/core v0.17.0
[46:37.5] build, app, prod mode, started …
[46:37.6] transpile started …
[46:37.7] transpile finished in 79 ms
[46:39.0] module map started …
[46:39.0] generate styles started …
[46:40.4] compile global style start …
[46:40.5] compile global style finish in 141 ms
[46:40.5] generate styles finished in 1.51 s
[46:42.0] module map finished in 3.02 s
[46:42.0] generate bundles started …
[46:42.1] generate bundles finished in 60 ms
[46:42.1] generate app files started …
[46:42.2] generate app files finished in 134 ms[ WARN ] build warn: /home/koch/ionic/ionic-docs/preview-app/src/infinite-scroll
multiple components found in: /home/koch/ionic/ionic-docs/preview-app/src/infinite-scroll[ WARN ] build warn: /home/koch/ionic/ionic-docs/preview-app/src/menu
multiple components found in: /home/koch/ionic/ionic-docs/preview-app/src/menu[ WARN ] build warn: /home/koch/ionic/ionic-docs/preview-app/src/modal
multiple components found in: /home/koch/ionic/ionic-docs/preview-app/src/modal[ WARN ] build warn: /home/koch/ionic/ionic-docs/preview-app/src/nav
multiple components found in: /home/koch/ionic/ionic-docs/preview-app/src/nav[ WARN ] build warn: /home/koch/ionic/ionic-docs/preview-app/src/popover
multiple components found in: /home/koch/ionic/ionic-docs/preview-app/src/popover[46:44.6] build finished in 7.06 s
ionic-docs@1.0.0 start /home/koch/ionic/ionic-docs
stencil build --dev --serve --watch --es5[46:45.3] @stencil/core v0.17.0
[ WARN ] Generating ES5 during development is a very task expensive, initial and incremental builds will be much
slower. Drop the ‘–es5’ flag and use a modern browser for development. If you need ESM output, use the
‘–esm’ flag instead.[46:45.4] build, app, dev mode, started …
[46:45.7] transpile started …
[46:45.8] transpile finished in 97 ms
[46:46.0] module map started …
[46:46.0] generate styles started …
[46:46.3] compile global style start …
[46:46.4] compile global style finish in 84 ms
[46:46.4] generate styles finished in 388 ms[ ERROR ] unhandledRejection Exited with code 3 Error: Exited with code 3 at ChildProcess.o.once.r
(/home/koch/ionic/ionic-docs/node_modules/@stencil/core/dist/sys/node/index.js:1:583069) at
Object.onceWrapper (events.js:273:13) at ChildProcess.emit (events.js:182:13) at maybeClose
(internal/child_process.js:962:16) at Socket.stream.socket.on (internal/child_process.js:381:11) at
Socket.emit (events.js:182:13) at Pipe._handle.close (net.js:610:12)[46:47.7] module map finished in 1.66 s
[46:47.7] generate bundles started …
[46:47.7] generate bundles finished in 17 ms
[46:47.7] generate app files started …
[46:47.7] generate app files finished in 39 ms
[46:48.4] dev server: http://localhost:3333/docs/
[46:48.4] build finished, watching for changes… in 3.04 s
Posts: 1
Participants: 1
@andreasTedja wrote:
Dear All,
i got error when i click select all.
please help me to fix this problem.<ion-content padding class="page-shop-cart"> <span> <label>Check All</label> <ion-checkbox (click)="checkAll()"></ion-checkbox> </span> <div class="card-list" *ngFor="let takeData of sale"> <span> <ion-checkbox [(ngModel)]="takeData.checked" (click)="selectMember(takeData)"></ion-checkbox> </span>.ts
checkAll(){ this.storage.get('sale').then((val => { this.sale = val; console.log(this.sale); for(let i =0; i <= this.sale.length; i++) { this.sale[i].checked = true; } console.log(this.sale); } }));data json:
error log 1;
error log 2
thank you all
Posts: 1
Participants: 1
@rawcoolpad wrote:
in ionic 3 project can’t able import plugin in app module .
in my existing projet i can’t able to add new plugin.
and also i am create new ionic 3 project and try to plugin same issue is happen again.
Posts: 1
Participants: 1
@demokumar wrote:
I have already created ionic android app in ionic 3 now if I add some plugins it gives error
Posts: 1
Participants: 1
@louis5017 wrote:
Hello everyone, i’m using epubjs, since i want to modify an epub i’m trying to modify it with
var html = $(“iframe”).contents().find(“body”);but when I do console.log(html); this return me ERROR ReferenceError: $ is not defined
does anyone got a solution?
Posts: 1
Participants: 1
@Sermod wrote:
I have an ionic 3 app who shown markers on a map. But now I have a new request for the app to port it to wereable devices (Android wear and Apple watch). Show the markers in a map on the watch and some info…
My app just get geometry points from webService and shown it on map. I like to reply that functionality in android wear and apple watch, just see a map with markers.
I googled a lot and I found:
- A cordova plugin for iOS watch (https://github.com/20steps/cordova-plugin-watch) last updated 4 years old.
- A cordova plugin for android wear (https://github.com/tgardner/cordova-androidwear) uptdated a year ago, but it isnt solve my problem.
I need to develop for android and iOS wereables at the time (if it is posible) with ionic 3. It is posible?
Or Do I need to develop in other platform and add the code to my compiled app?
Thanks.
Posts: 1
Participants: 1
@kirantunerlabs wrote:
Hi team,
I am facing an issue with ionic3 native HTTP client. I am getting the following error.
{"__zone_symbol__currentTask":{"type":"microTask","state":"notScheduled","source":"Promise.then","zone":"angular","cancelFn":null,"runCount":0}}May I know what is the issue and how can I resolve it.
Thanks
Posts: 2
Participants: 2
@LucemCode wrote:
Hallo!
I would like to show an Image in my Ionic 4 App wich is dynamically zoomable.
I tried to use the<img>Tag. But every time my Image hits the right side, the Image width gets automatically scaled to fit the display width.
Is it possible to prevent this?Thanks.
Posts: 1
Participants: 1
@luisandro wrote:
IONIC V4 - How I use my custom spinner on loadingcontroller?
Posts: 1
Participants: 1
@muratcankuruoffical wrote:
btcservice.ts page
import { Injectable } from '@angular/core'; import { HttpClient } from '@angular/common/http'; @Injectable({ providedIn: 'root' }) export class BtcService { public items:any; constructor (public navCtrl: NavController, public http: HttpClient) { this.getData(); } getData(){ let data: Observable<any> = this.http.get('https://api.coinmarketcap.com/v1/ticker/'); data.subscribe(result => { this.items = result; }); } }home.page.ts page
import { Component } from '@angular/core'; import { NavController, ModalController } from '@ionic/angular'; import { HttpClient } from '@angular/common/http'; import { Observable, throwError } from 'rxjs'; import { CurrencyPage } from '../currency/currency.page'; import { Router } from '@angular/router'; import { BtcService } from '../btc.service'; //import { Push, PushObject, PushOptions } from '@ionic-native/push'; @Component({ selector: 'app-home', templateUrl: 'home.page.html', styleUrls: ['home.page.scss'], }) export class HomePage { constructor(private BtcService: BtcService){ } }home.page.html
<ion-list> <ion-item [href]="'/currency/' + todo.id" detail="true" *ngFor="let item of BtcService.items"> {{item.id}} </ion-item> </ion-list>Error not:
ERROR Error: Uncaught (in promise): Error: Arguments array must have arguments.
Error: Arguments array must have arguments.
at injectArgs (core.js:1804)
at core.js:15509
at callFactory (core.js:21182)
at createProviderInstance (core.js:21140)
at resolveNgModuleDep (core.js:21115)
at NgModuleRef.push…/node_modules/@angular/core/fesm5/core.js.NgModuleRef.get (core.js:21809)
at resolveNgModuleDep (core.js:21120)
at NgModuleRef_.push…/node_modules/@angular/core/fesm5/core.js.NgModuleRef_.get (core.js:21809)
at resolveDep (core.js:22180)
at createClass (core.js:22052)
at injectArgs (core.js:1804)
at core.js:15509
at callFactory (core.js:21182)
at createProviderInstance (core.js:21140)
at resolveNgModuleDep (core.js:21115)
at NgModuleRef.push…/node_modules/@angular/core/fesm5/core.js.NgModuleRef.get (core.js:21809)
at resolveNgModuleDep (core.js:21120)
at NgModuleRef_.push…/node_modules/@angular/core/fesm5/core.js.NgModuleRef_.get (core.js:21809)
at resolveDep (core.js:22180)
at createClass (core.js:22052)
at resolvePromise (zone.js:831)
at resolvePromise (zone.js:788)
at zone.js:892
at ZoneDelegate.push…/node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask (zone.js:423)
at Object.onInvokeTask (core.js:17280)
at ZoneDelegate.push…/node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask (zone.js:422)
at Zone.push…/node_modules/zone.js/dist/zone.js.Zone.runTask (zone.js:195)
at drainMicroTaskQueue (zone.js:601)
defaultErrorLogger @ core.js:15714
push…/node_modules/@angular/core/fesm5/core.js.ErrorHandler.handleError @ core.js:15762
next @ core.js:17761
schedulerFn @ core.js:13504
push…/node_modules/rxjs/_esm5/internal/Subscriber.js.SafeSubscriber.__tryOrUnsub @ Subscriber.js:196
push…/node_modules/rxjs/_esm5/internal/Subscriber.js.SafeSubscriber.next @ Subscriber.js:134
push…/node_modules/rxjs/_esm5/internal/Subscriber.js.Subscriber._next @ Subscriber.js:77
push…/node_modules/rxjs/_esm5/internal/Subscriber.js.Subscriber.next @ Subscriber.js:54
push…/node_modules/rxjs/_esm5/internal/Subject.js.Subject.next @ Subject.js:47
push…/node_modules/@angular/core/fesm5/core.js.EventEmitter.emit @ core.js:13488
(anonymous) @ core.js:17311
push…/node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke @ zone.js:391
push…/node_modules/zone.js/dist/zone.js.Zone.run @ zone.js:150
push…/node_modules/@angular/core/fesm5/core.js.NgZone.runOutsideAngular @ core.js:17248
onHandleError @ core.js:17311
push…/node_modules/zone.js/dist/zone.js.ZoneDelegate.handleError @ zone.js:395
push…/node_modules/zone.js/dist/zone.js.Zone.runGuarded @ zone.js:164
_loop_1 @ zone.js:694
api.microtaskDrainDone @ zone.js:703
drainMicroTaskQueue @ zone.js:608
Promise.then (async)
scheduleMicroTask @ zone.js:584
push…/node_modules/zone.js/dist/zone.js.ZoneDelegate.scheduleTask @ zone.js:413
onScheduleTask @ zone.js:301
push…/node_modules/zone.js/dist/zone.js.ZoneDelegate.scheduleTask @ zone.js:404
push…/node_modules/zone.js/dist/zone.js.Zone.scheduleTask @ zone.js:238
push…/node_modules/zone.js/dist/zone.js.Zone.scheduleMicroTask @ zone.js:258
scheduleResolveOrReject @ zone.js:879
resolvePromise @ zone.js:825
(anonymous) @ zone.js:741
webpackJsonpCallback @ bootstrap:25
(anonymous) @ home-home-module.js:1
Posts: 1
Participants: 1
@Husniddin wrote:
How to record radio stream?
I need make online radio application
I have more radio stream urls
For example I need record http://air.radiorecord.ru:805/rr_320 this stream.
Please help!!!
Posts: 1
Participants: 1
@codiqa100095421 wrote:
Hello, I have auth firebase to enter my android app, but if i m offline i can’t use it , how can i login offline?
(ionic 4)Thanks
Posts: 1
Participants: 1
@MarkGSmith64 wrote:
I have started a new blank ionic app and have tried to integrate Firebase for push notifications but am getting an error when trying to set Firebase as a provider.
I have installed Firebase according to the docs, i.e:
ionic cordova plugin add cordova-plugin-firebase npm install --save @ionic-native/firebaseand my app.module.ts is
but I get an error
[ts] Type 'FirebaseOriginal' is not assignable to type 'Provider'. Type 'FirebaseOriginal' is missing the following properties from type 'FactoryProvider': provide, useFactory [2322] (alias) const Firebase: FirebaseOriginal import FirebaseI have tried ionic 3 and 4 and the same error occurs.
Help much appreciated.
Posts: 1
Participants: 1
@mohanajna wrote:
Only its installing when platform not added if it is added we need to remove platform then only its adding to it.
After installing it’s getting an error in Module itself while declaring
Posts: 1
Participants: 1
@pettrin wrote:
Example on
android/BrowserExample On
Iospage.html
<ion-header [scrollHide]="headerScrollConfig" [scrollContent]="pageContent" > <ion-navbar color="ticket-blue-rainbow" > <ion-row> <ion-title> {{ evento.descricao }}</ion-title> <ion-icon class="padding-icon" name="thumbs-up" color="light" item-right icon-right (click)="likeEvento()"></ion-icon> <ion-icon class="padding-icon" name="ios-heart" item-right color="danger" (click)="onClickFavorit()"></ion-icon> <ion-icon class="padding-icon" name="share" item-right (click)="onClickOpenModal()" color="light" style="padding-right: 10px !important;"></ion-icon> </ion-row> </ion-navbar> </ion-header>page.scss
.padding-icon { padding-right: 15px; font-size: 20px; }Second change in
page.html
<ion-header [scrollHide]="headerScrollConfig" [scrollContent]="pageContent" > <ion-navbar color="ticket-blue-rainbow" > <ion-row> <ion-title> {{ evento.descricao }}</ion-title> <ion-buttons right> <button ion-button> <ion-icon name="thumbs-up" color="light" item-right icon-right (click)="likeEvento()"></ion-icon> </button> <button ion-button> <ion-icon name="ios-heart" item-right color="danger" (click)="onClickFavorit()"></ion-icon> </button> <button ion-button> <ion-icon name="share" item-right (click)="onClickOpenModal()" color="light" style="padding-right: 10px !important;"></ion-icon> </button> </ion-buttons> </ion-row> </ion-navbar> </ion-header>But still not working!
Posts: 1
Participants: 1
@d4h wrote:
Hey!
In our application, I’ve noticed that Ionic appears to go to a cached version of the view. How do I prevent this?
ngOnInitandngOnDestroydo not fire during these navigation events. In particular the login form does not reset state. It uses aFormGroupform built inngOnInit.The form requires the user to
- Input their username.
- Select the server to connect to.
Ionic presents this view in its cached (completed) form after the user logs out, when what I expect the user to see is a pristine form. As I stands, if a user wants to proceed then they have to manually clear and re-enter their choices of server and username.
How can I prevent or change this caching strategy?
In the above screenshot, the form presents in a valid and submittable state despite that the data is not valid.
ngOnInit(): void { this.form = this.formBuilder.group( { username: [ environment.credentials.username, [ Validators.required, Validators.minLength(this.minUsernameLength) ] ], server: [ undefined, [ Validators.required ] ] }, { asyncValidator: [ ValidateUsername.exists(this.accountService) ] } ); this.subscription = this.form.controls.server.valueChanges .pipe(filter(Boolean)) .subscribe(server => this.servers.active(server)); }
Posts: 1
Participants: 1
@SMC wrote:
For Ionic 4 I can’t find anything about how to enable Swipe to go back like Ionic 3 has on by default. I’ve found a github issue where it’s said it is now in Ionic 4. But there is nothing the docs.
Also, the page transition by default is like modal from bottom up. Is there any information out there how to change these default behaviors now that Ionic 4 is fully released?
Posts: 1
Participants: 1
Pages
