Issue I am trying to inspect and debug a apk file with google dev tools.I don’t have application codes and application written with ionic, but I have an apk file. I followed the steps in this source; https://developers.google.com/web/tools/chrome-devtools/remote-debugging/ it is
Continue readingTag: ionic-framework
setValidators doesn't work at all when set dynamically inside of a function
Issue I am not sure why setValidators is not working in my below code. I am not sure what the issue is as it doesn’t take any effect when I set the formControl as required. What I want to achieve
Continue readingCard Carousel Angularjs
Issue I am trying to implement this animation Jargon.html <ion-view title=”Jargon”> <ion-content> <a class=”item” href=”#/jargon”></a> <div class=”container”> <div data-card=”4″ class=”card”><span>Click Me</span></div> <div data-card=”3″ class=”card”><span>Click Me</span></div> <div data-card=”2″ class=”card”><span>Click Me</span></div> <div data-card=”1″ class=”card”><span>Click Me</span></div> <div data-card=”0″ class=”card”><span>Click Me</span></div> </div> </ion-content> The
Continue readingAngular JS controller called twice (ng-controller)
Issue I’m developping an ionic application and when using angular for login my controller is called twice, I’ve looked through all the others similar questions but didn’t find a solution . The problem is even when I remove the ng-controller=”LoginCtrl
Continue readingSharing data between pages in ionic
Issue I am working on an ionic project.I want to share data between pages. Below is what I have done. But it is not working.Can some one tell me what I am doing wrong.I let the user to add the
Continue readingSharing data between pages in ionic
Issue I am working on an ionic project.I want to share data between pages. Below is what I have done. But it is not working.Can some one tell me what I am doing wrong.I let the user to add the
Continue readingImplement Multi Select feature (Long press/Hold and select) in Ionic
Issue I am working on an Ionic project having a list. I want a multi-select feature just like the hold and select feature in android gallery, so that upon long press checkboxes appear in front of list items, enabling me
Continue readingAccess local var from ngOnInit from another function
Issue I am new to Angular and TS. I am trying to access a local var that is in ngOnInit from outside it, but I don’t know how to do it properly. I have a component called BlocklyComponent where I
Continue readingSimple ChartJS Ionic Example – Gone Wrong
Issue I am trying to run a simple example of ionic with chartjs. Here is my Controller, I have added chart.js to my app.js, and the second is my graph.html page. I just get a blank white screen… var app
Continue readingStrongloop not able use mongodb function
Issue I’m using AngularJS Sdk from Strongloop to develop the mobile application with ionicframework. In between the development progress, i failed to use the mongodb function from angular. I always get the unexpected result without any error message. Hope can
Continue readingWaiting for Ionic Loading dialogs with Protractor
Issue There are similar questions (linked below) but none solves this problem. I’m writing Protractor tests for an Ionic Project. I need to execute tests at times when an Ionic Loading dialog appears and disappears. I’ve created a repo with
Continue readingCreating some tests for an ionic app with protractor to test if the user can successfully drag and drop an element on chrome
Issue I am creating some tests for an ionic app with protractor to test if the user can successfully drag and drop an element on chrome. I have tried first with mouseDown(), mouseMove() and mouseUp(), like in the following case:
Continue readingTravis Build fails after 49 min even when logging output for all jobs every 1-2 min
Issue I have a build for an Ionic project and its E2E testing with SauceLabs. The build is timing out after 49 min 17 sec(50 min). All of my jobs are running well and logging output frequently at least every
Continue readingAngular Jasmine test case for navigation and getCurrentNavigation not working
Issue My component has both getCurrentNavigation and router.navigate I have implemented getCurrentNavigation from here Now page having constructor() { if (router.getCurrentNavigation().extras.state) { this.levelId = router.getCurrentNavigation().extras.state.arcadeSelectedGame; } } and navigation to another page const navigationExtras: NavigationExtras = { state: { dummyObject,
Continue readingangular checkbox form with ng-repeat can only select one option
Issue I am trying to create a multistep form and step 2 is a bunch of checkboxes. Here is the form with checkboxes: <form ng-submit=”createSubCategory(formData)”> <div ng-repeat=”sub_category in event_sub_categories”> <ion-checkbox ng-model=”formData.sub_category” ng-true-value=”‘{{sub_category}}'”> {{sub_category}}</ion-checkbox> </div> <button type=”submit” class=”button button-block button-positive”>Continue</button> </form>
Continue readingAngular Mocks install ask me for dependencies
Issue Sincerely I don’t know what to answer … I’m newbie in Ionic + Angular … I’m trying to install Angular Mocks but it says about Angular version. $ sudo bower install angular-mocks –allow-root bower angular-mocks#* cached git://github.com/angular/bower-angular-mocks.git#1.4.1 bower angular-mocks#*
Continue readingUnit test controller
Issue I make an ionic app and it finish but when i start to add tests to it I face a problem with $resources ,in this case I have this Controller : .controller(‘newAccountCtrl’, function($scope, $window, $rootScope, API, $ionicPopup, $state) {
Continue readingAngular Mock Inject throws error without message using Karma and Jasmine
Issue Using the angular.mock.inject(…) function when trying to unit test an Angular (Ionic) 1 application throws the following error. The strange thing is that there is no specific error message, making particularly hard to debug. No matter what I try,
Continue readingAngularJS using a function in ng-class to conditionally set classes
Issue i’m implementing a rating feature in my ionic app. i created icon fonts so i could display the the stars as classes. I want to use the ngclass directive to conditionally set what the class is based on the
Continue readingHow to make the toggle and the button change if any one of it had changes in different HTML
Issue I’m using sidemenu template. I have toggle (true= online, false= offline) in the left menu, while the button (true= online, false= offline) in the other html. What I’m trying to do is, if the user turn on the toggle
Continue readingIonic: Show active/inactive button when two times clicked
Issue I have 3 different buttons, which are A, B and C. Right now, my button is OK and showed active when first time clicked. But when I click for second time at the same button, it didn’t showed inactive
Continue readingWhy is ngClass calling function indefinitely?
Issue I am attempting to add a class based off of whether or not a value is present in storage, or set to a specific value. I am attempting to use [ngClass] for this. For some reason, my function to
Continue readingion-nav-bar ng-class not styling
Issue <ion-nav-bar ng-class=”{‘bar-positive’: isAndroid, ‘bar-stable’: !isAndroid}”> </ion-nav-bar> <ion-tabs ng-class=”{‘tabs-positive’: isAndroid, ‘tabs-icon-top’: true}”> <!– Account Tab –> <ion-tab title=”Account” icon=”ion-ios7-gear” href=”#/tab/account”> <ion-nav-view name=”tab-account”></ion-nav-view> </ion-tab> </ion-tabs> When I use the following markup, only the ion-tabs is styled – not the ion-nav-bar. How
Continue readingIonic 4 ion-slides change css style of the active slide using ngClass
Issue EDIT: adding a stackblitz: https://stackblitz.com/edit/ionic-b2r7si I am using ion-slides as following: <ion-slides class=”fullWidth” [options]=”slideOptsOne” #slideWithNav (ionSlideDidChange)=”change($event)”> <ion-slide #status *ngFor=”let array of arrays”> <ion-col> {{array}} </ion-col> </ion-slide> </ion-slides> I need to change the css style of the current active slide,
Continue readingIonic 4 basic ngClass not working as expected
Issue Might be a beginners question but I’m really stuck here. Just trying to toggle the class of an element I added to my HTML like this: <ion-card [ngClass]=”{ ‘inactive’: step2Inactive, ‘button-card’: true }”> It should always have the button-card
Continue readingWhy does AngularFire .set() waits forever for a response and doesn't proceed?
Issue I’m trying to create my first app in Angular using AngularFire to help with Firebase operations and after logging in with Twitter I’m trying to add the user as a document in my users collection. Here’s the full function:
Continue readingRating alert/feature using Ionic alert
Issue I wanted to create a rating alert feature using Ionic alert. This is how it looks. Go through the answer for detailed codes. This works properly in all browsers and platforms(as much as I have tested on). Solution The
Continue readingHow to ngSwitchCase in ngFor?
Issue From example in my code. tabs: object = [ { key: ‘tab1’, value: ‘tab1’ }, { key: ‘tab2’, value: ‘tab2’ }, { key: ‘tab3’, value: ‘tab3’ }, ]; <div [ngSwitch]=”my_tab”> <div *ngFor=”let tab of tabs” *ngSwitchCase=”‘{{ tab.key }}'”> {{
Continue readingtrying to add @ionic/angular to existing angular 12 app fails
Issue When trying to run: ng add @ionic/angular to this existing repo: https://github.com/skyleguy/angular-capacitor-project-base results in: ℹ Using package manager: npm ✔ Found compatible package version: @ionic/angular@5.6.12. ✔ Package information loaded. The package @ionic/angular@5.6.12 will be installed and executed. Would you
Continue readingng-click triggering twice in iOs divice only
Issue I am using ng-click for div which will filter the data. I am using collection-repeat to show large data. When the data is less, the click only triggers once, but when the data is huge, the click triggers twice.
Continue readingAngular2 ng2-popover hide() is not working
Issue app.module.ts import { PopoverModule } from ‘ng2-popover’; @NgModule({ declarations: [ …], imports: [PopoverModule], providers: [] }) example.html <a [popover]=”customPopover” [popoverOnHover]=”true” [popoverCloseOnMouseOutside]=”true” href=”www.google.com” (click)=”$event.stopPropagation()” target=”_blank”>{{name}}</a> <!–Popover content –> <popover-content #customPopover title=”{{name}}” placement=”right” [closeOnClickOutside]=”true” [closeOnMouseOutside]=”true”> <span class=”popoverDesc”>{{description}}</span><br /><br /> <a href=”{{websiteLink
Continue readingProperty binding not detecting change within observable
Issue The selectedIndex attribute is bound to the index property. The view is not updated when index property is changed within the AngularFireAuth observable as shown below. Why not? It works fine anywhere outside the observable. The .ts and .html
Continue readingCreate a mobile webapp with Angular
Issue I’m currently learning Angular JS and plan on creating a website using RESTFul to communicate with the server (which will be in Node.js). I would like to know how to proceed to “convert” this website into a mobile app.
Continue readinghow to embed Youtube videos in a Ionic 4 app
Issue I am trying to develop an ionic app that i will be deploying as a pwa in which i want to embed Youtube Videos and display them in a grid. Video links, their titles, and brief descriptions are provided
Continue readingCSRF token missing, Ionic – AngularJS FullStack
Issue I Have a project with the backend on a MEAN stack started with AngularJS Full-Stack generator and an app under Ionic, when i try to do a POST request to do a login from the Ionic app the server
Continue readingRange of numbers in angular(typescript)
Issue I’m working on an Ionic(Angular) project and I’m trying to make a select with a specific range of numbers, but I don’t want to write them by hand since it’s not really efficient but I don’t know how to
Continue reading'rm' is not recognized as an internal or external command when trying publish a capacitor plugin
Issue I am trying to publish a capacitor plugin. According to the error it is not able to recognize rm. I am using Window’s Powershell (VC Code) The following error is being generated in the powershell when npm publish in
Continue readinghow to center the bar in Ion-toolbar
Issue I tried so many different ways to centre the bar in ionic but nothing worked. Does anyone know how to solve this? I need to stick the bar in the middle so that when the application download on the
Continue readingHow can I dynamically resize a leaflet map after clicking a button?
Issue I have a leaflet map contained in <div id="map" data-tap-disabled="false" style="width: 100%; height: 100%;"></div> This page is divided into <ion-header>, <ion-content> and <ion-footer>. The map is contained into <ion-content>. What I would like to do is hide the header
Continue readingLaravel rest api (santum) for mobile application
Issue I have created a REST API with LARAVEL SANCTUM. I have tested api on postman and it works as expected but when mobile developer uses it on ionic app, it returns for login "TOKEN MISMATCH". Here is my API
Continue readingPage does not change when navigating forward from second page to third page, which is the first page with the same url as the third page Angular Ionic
Issue Example, my route way is like this : page A (first) -> page B -> page A (second) Routing from page A (first) to B works fine. But, when routing page B to A (second), the page is showing
Continue readingHow to connect to Ble device without rescan and manual device selection
Issue I’m creating an Ionic react (TypeScript) app which uses the Community Bluetooth-le plugin. When I try to connect to a device using requestDevice this shows the available devices and I can then pair/connect with that device and all is
Continue readingIs there a way of not trigger checkbox when clicking in a ion-item Ionic 4?
Issue When I click on the label of an ion-item the checkbox is triggered. I want to find a way of preventing this from happening as I want to trigger another function when clicking the label. I found this answer
Continue readingChoosing router transition in Angular Ionic 6
Issue I’m using Ionic 6 with Angular and sometimes Ionic includes some nice animation when transitioning between routes. Can I choose which animation will be used when I navigate using route.navigate([‘path’])? Is it possible to choose it from the default
Continue readingLogic to show or hide element using angular
Issue so I got some problem in logic to show or hide the element. I have this function to show or hide the "span" element, by that I can show different color on each text. startWritting() { // const spanOne
Continue readingionicframework iOS cannot be uploaded after push notifications were added
Issue I have recently deployed iOS app (using ionic framework + capacitor) to the app store. Today I have added push notifications support, using this guide: https://capacitorjs.com/docs/guides/push-notifications-firebase I have tested the app – push notifications works for the connected device.
Continue readingMBProgressHud.h file not found
Issue I have download MBProgressHUD.m and MBProgressHUD.h file from github and Placed under a folder Classes->MBprogressHub->then both files Now i have include this file under Share Extension import "MBProgressHUD.h". When i an trying to build an app. it is giving
Continue readingCapacitor Hard ware back button closing the app in release build
Issue I am handling the back button by adding a listener in the _app.tsx of my react project like so useEffect(() => { CapacitorApp.addListener("backButton", () => { if (router.pathname === "/") { CapacitorApp.exitApp(); } else { router.back(); } }); return
Continue readingIonic 2 navbar icons on both side of title
Issue I’m trying add two icons in each sides of a ion-header where the title is in the center, but it always ends up with the two icons on the right side. This is my code <ion-header> <ion-navbar color=”primary”> <ion-buttons
Continue readingionic capacitor share plugin not sharing image with whatsapp
Issue I have created this function that shares image very well on many applications, but when it comes to WhatsApp or Instagram it not sharing the image. I’m using Ionic v5 with capacitor v3 async shareImage() { let receiptName =
Continue readingAngular ngx-translate inside service
Issue I am using ngx-translate and ngx-translate/http-loader for translating my ionic/angular project. I have this code inside app.module.ts imports: TranslateModule.forRoot({ loader: { provide: TranslateLoader, useFactory: (createTranslateLoader), deps: [HttpBackend] } }) and this loader function in the same file: export function
Continue readingPass value to an other compoment via routerLink in Ionic
Issue I would like to pass value to another compoment ex: a name of country, and use it on the other compoment I make the link like that and i want to send the value "France" to another compoment (via
Continue readingIonic –live-reload not running app on device
Issue I can’t see my ionic app on my phone when using the –live-reload parameter. I am using Windows 8.1 and a connected Nexus 5 Android device. The app is the sample sidemenu app created with ionic start demo sidemenu.
Continue readingHow do you update the iOS & Android app version in Ionic w/ Capacitor?
Issue I am developing an app using Ionic and Capacitor. Builds are generated using Ionic’s new AppFlow service, so I don’t build them locally. How do I go about updating the iOS and Android version numbers? I’ve tried updating the
Continue readingIonic Angular ERROR Error: Uncaught (in promise): Error: Arguments array must have arguments. Error: Arguments array must have arguments
Issue I am working on an ionic and angular project. I am getting a unexpected error when injecting service in my component. WorkshopPage import { Component, OnInit } from ‘@angular/core’; import { RegisterService } from ‘.././register.service’; @Component({ selector: ‘app-workshop’, templateUrl:
Continue readingSrollToTop method doesn't work with a component in Ionic 6/Angular
Issue I have made a fabbutton so the user can scroll to top in one click. I have test this without a component and this was working fine. Now I want to use this fabbutton as a component, because I
Continue readingHow can i fetch all json file data – ionic angular
Issue I have this code and I can fetch data from (number) and (name) only, how can I fetch data from elements I tried many ways, but I couldn’t find a solution Please help me JSON [ { "number": 1,
Continue readingIgnore periods and commas of RegExp
Issue I have a RegExp like so: const keywordsClone = […alert?.keywords]; keywordsClone.sort((a, b) => (a.length > b.length ? -1 : 1)); let transcript = alert?.transcript; forEach(keywordsClone, (k) => { const regExpression = new RegExp(`(${k})`, ‘ig’); //now it has exact match
Continue readingAngular component custom style from parents
Issue I would like to enable custom CSS variables to customize a component in my Ionic application. I read about using custom CSS properties but I can’t figure out how it works. From Angular official docs: Authoring a component to
Continue readingOneSignal Notifications delay
Issue I have an ionic 2 app running on android with a wordpress site providing the data. I have notifications working with onesignal. The problem is that the notification arrives before the rest API data is updated. The App can
Continue readingDisplaying time in <ion-range>
Issue I’m new to Ionic, and I’m attempting to display the time as 24 hours from 00:00 to 23:00, with the user able to select a time period. <ion-range min="00:00" max="23:00" step="00:01" dualKnobs="true" pin="true" [(ngModel)] ="knobValues" > <ion-label slot="start">0:00</ion-label> <ion-label
Continue readingHaving an 'SyntaxError: Unexpected token 'export' Issue with my Electron-Ionic Application
Issue //Having this issue and I don’t know how to solve it: Uncaught C:\Users\Zac\ionic_projects\robot-backup-4\node_modules\@ionic\core\components\index.js:4 export { setAssetPath, setPlatformOptions } from ‘@stencil/core/internal/client’; ^^^^^^ SyntaxError: Unexpected token ‘export’ at new Script (vm.js:101:7) at createScript (vm.js:262:10) at Object.runInThisContext (vm.js:310:10) at wrapSafe (internal/modules/cjs/loader.js:979:15) at
Continue readingGet the value of ngModel without performing any action [Ionic]
Issue When a user clicks on a button on the same HTML page, I want to send the value of <ion-text> to a TypeScript file. However, it did not work. <ion-text [(ngModel)]=’xy’ ngDefaultControl >’variables from a global provider’ </ion-text> <ion-button
Continue readingHow to force a column to be on top of another column (to overlap)
Issue I have two grid columns that contain images, and I’d like to force them to be on top of each other, like it’s shown in the design here: However, neither Ionic, nor Bootstrap (that is used by Ionic) doesn’t
Continue readingupdating an ionic app results in data loss
Issue Working on an update for an existing (live) ionic/cordova app. When making an android upgrade test to the new version of the app, all data of the old version is lost. I first thought it has something to do
Continue readingWhy ion-icon is not showing in ionic vue project?
Issue I am trying to add icon with ion-icon in my ionic vue project. I copied code from official page <ion-icon name="aperture-outline"></ion-icon> here is my template <template> <ion-content class="content"> <h1>Hello</h1> <ion-icon name="aperture-outline"></ion-icon> <h1>Hello2</h1> </ion-content> </template> <style scoped> .content { –color:
Continue readingJson Array of Objects saves only the last item
Issue I want to define an array of objects, then store objects within the array, however I only have one object in the array(last object), and I can’t add more objects to it. In Dataservice class getData(){ return this.storage.get(‘x’).then((val) =>
Continue readingion-input get element reference vanilla js
Issue I’m using stencil.js to create a web component that is framework agnostic and contains some ionic4 web components including <ion-input> The docs for ion-input show a method getInputElement() => Promise<HTMLInputElement> to access the native <input> but I’m not finding
Continue readingReact – Query Parameters Are Empty on Page Load
Issue I’m having an issue with navigation logic in React, and it’d be amazing to get some help. I have front-end web app written in TypeScript, React and Ionic Framework V5. The app has a fairly standard search box that
Continue readingIONIC / REACT Line 9:5: Expected an assignment or function call and instead saw an expression @typescript-eslint/no-unused-expressions
Issue When i try to make hook to get userdata from firebase. Like this import { useEffect, useState } from ‘react’; import { firestore } from ‘../../’ import { getAuth } from ‘firebase/auth’; export function useUserDetails() { const db =
Continue readingHow to position a button at the bottom of a slide – Ionic
Issue I have the following slides of images: <ion-slides style="margin-top: 30px; margin-bottom: 30px" pager="true" [options]="slideOpts"> <ion-slide *ngFor="let image of imageURLs"> <div (click)="openZoomedImage(image.fullURL)"> <img [src]="image.fullURL" alt=”slide-1”/> </div> <ion-button size="small" color="danger" (click)="deleteImage(image.imageName)">Delete</ion-button> </ion-slide> </ion-slides> However I am wondering how I can make
Continue readingApollo Client for AngularJS
Issue I have setup an Apollo Server for the GraphQL support in my Express App and I am attempting to set it up with an Apollo Client wrapper for my Cordova App with the AngularJS but can’t find any. If
Continue readingHow to prevent modal dismiss when clicked outside the modal in Ionic?
Issue I’m building a simple mobile app that passes data between a homepage and a modal page. While it works great on mobile, on a large screen, the modal doesn’t fill the whole screen. So the user is able to
Continue readingError on integrating of Ionic2 Auth service
Issue I’m trying to integrate facebook login to my ionic 2 app. I was following the guide here and all is good until I stared to using Auth and User in the constructor. The problem is , currently when i
Continue readingAngular number pipe doesn't work in a modal
Issue I get an error – Error: NG0302: The pipe ‘number’ could not be found! when I used it in a modal of my Ionic Framework Angular app. The code below works fine in the parent page and other places
Continue readingHow do I write an ionic alert component once for the entire application?
Issue This is an design-approach question. I don’t (yet) have broken code. 😉 I have a firestore connected ionic/angular app with multiple modules. Users frequently move from page-to-page/module to module throughout usage. Another part of my system drops new elements
Continue readingionic 3 – show confirm alert after click on ion-toggle
Issue I’m trying to use click event on ion-toggle and is not working. Html: <ion-item> <ion-label class=”labelToggle”>Ativo:</ion-label> <ion-toggle (click)=”mudarStatusProcesso()” [(ngModel)]=”ProcAtivo”></ion-toggle> </ion-item> The mudarStatusProcesso() creates an AlertController with ‘ok’ and ‘cancel’ options, this action needs happen before ion-toggle updating. I believe
Continue readingAngular Ionic Capacitor Barcode Scanner Plugin not working on Web
Issue I am currently building my first Ionic app, which should include a QR-Code scanner. This is my package.ts { "name": "drink-inc", "version": "0.0.1", "author": "Ionic Framework", "homepage": "https://ionicframework.com/", "scripts": { "ng": "ng", "start": "ng serve", "build": "ng build", "test":
Continue readingIonic V6 – ion-segment show too much white space between cards once filtered with ng-if
Issue I have added ion-segment to my page which has a list of cards with different cases. If I don’t use segment, the space between the cards is very normal. However, with the use of the segment I have to
Continue readinghow to display cities in one dropdown based on selected state in other dropdown using json data in angular ionic?
Issue following are my files for html, .ts and json . As json data was very extensive therefore i have just added a few states and their cities. my 1st dropdown is showing all states. Now I want to match
Continue readingIonic5/Angular Capacitor Device API
Issue I am new to Ionic/Angular and I was hoping for some help. I want to output the device battery level on the screen using the Capacitor Device plugin but I can’t work out how. I have managed to log
Continue readingProblem with SweetAlert2 and Ionic6 not visualizing correctly
Issue I have a Ionic Project written on Ionic 5 Angular that has some popups using SweetAlerts2. Today I decided to update Ionic to Ionic6 and SweetAlerts2 popups doesn’t look right. Like the alert is only visible on the header
Continue readingWhy can't I return data from a modal in Ionic/Angular?
Issue I’m creating a modal in which a user can add a quantity to an item through a form. This is working just fine, however I’d like to return the data from the server back into the page. The problem
Continue readingHow to fix member Event from @ionic/angular error in Ionic 5
Issue I have upgraded from Ionic 4 to Ionic 5, now getting following error: ERROR in src/app/app.component.ts(4,10): error TS2305: Module ‘”/node_modules/@ionic/angular/ionic-angular”‘ has no exported member ‘Events’. Following import line is causing the issue: import { Events, Platform } from ‘@ionic/angular’;
Continue readingIonic (or AngularJS) blocks google maps autocomplete
Issue I’m just trying to add a simple autocomplete form to my Ionic app. So first I tried this, it works fine. I then tried in my app (in the browser first). I put this in my controller, and called
Continue readingdisplay json data acoording param parameter
Issue want to display json data according to the parameter which is catch by state params but problem is that array does not show any thing , me using the underscore lib , kindly check the controller and tell me
Continue readingIonic select multiple images or videos from gallery
Issue I’m developing a mobile application in Ionic Angular and I don’t seem to be able to find a plugin that supports being able to select multiple pieces of media as well as both images and videos. So far I’ve
Continue readingCalculating two numbers ending with the dot decimal separator
Issue I am somewhat familiar with Angular and just got into Ionic Framework. I’m facing a problem. I’m attempting to calculate (sum) two numbers given in the separate input fields and displaying the result below. Calculation works as expected if
Continue readingBind function on click event inside template literal javascript / angular
Issue How can i bind function onclick / (click) inside template literal. For Example: for (let i = 0; i < locations.length; i++) { let customHtml = ` <div class="flex"> <ion-button size="small" (click)="${abc(locations[i])}">Message</ion-button> <ion-button size="small" onclick="abc(‘${locations[i]}’)">Request</ion-button> </div> `; } abc(l){
Continue readingI can't access the group attribute of FormBuilder on my reactive form
Issue Property ‘group’ does not exist on type ‘typeof FormBuilder’ here is the code import { FormBuilder, FormGroup, Validators } from ‘@angular/forms’; export class LoginPageForm{ constructor(private formBuilder = FormBuilder){} createForm(): FormGroup{ return this.formBuilder.group({ email: [”, [Validators.required]], password: [”, [Validators.required]] }); } } Solution
Continue readingERROR: Failed to launch application on device: ERROR: Failed to install apk to device: not installing on Android api level 23
Issue I am currently working on developing hybrid app using ionic. At this moment everything works fine as expected when i try to run it in browser using ionic run and grunt serve. But when i try to install app
Continue readingIonic – Uncaught (in promise): TypeError: Cannot read property 'then' of undefined
Issue I got this error during runtime of my Ionic Application. I was trying to implement the Ionic “Email Composer” library to send emails from the client side, please reference this link to learn about the code that I am
Continue readinghow to set header background color in ionic 4
Issue I am trying in different way which I followed link(How to set background color IONIC 4) for header background color and tried as per ionic 2 and ionic 3 as well: I am able to make background color for
Continue readingSplit Image into parts ionic
Issue I want to divide the image into multiple parts dynamically based on dimensions in ionic 5. let’s say 3 piece 8 piece any number I tried css tricks to make white color line on image but that hides the
Continue readingTesting Ionic Toast button click in Jasmine
Issue I am unable to query for one of the Toast buttons inside while testing. It simply returns null. The class is set, and that is what is being used to query. it(‘should make a call to retrieval method on
Continue readingReceiving error: {"status":-1,"error":"The operation couldn’t be completed. No space left on device"} using 'cordova-plugin-advanced-http'
Issue I have recently been receiving the following error from ‘cordova-plugin-advanced-http’. {"status":-1,"error":"The operation couldn’t be completed. No space left on device"} Using this plugin within my project, most of the time, all API calls are successful, however, sometimes, I receive
Continue readinguseLocation Hook returns wrong path
Issue I built an Ionic-React App that can scan a QR-Code and connect to a Device based on that. I use the useLocation() and useHistory() Hooks to route through my App. I pass some Data like that: const Home: React.FC
Continue readinguseLocation Hook returns wrong path
Issue I built an Ionic-React App that can scan a QR-Code and connect to a Device based on that. I use the useLocation() and useHistory() Hooks to route through my App. I pass some Data like that: const Home: React.FC
Continue readingAngular double curly braces expressions being executed multiple times on mouse down and up
Issue In our Angular app, given code like the following: <div>{{ aGetProperty }}</div> <div>{{ aMethod() }}</div> Whenever I click anywhere on the page, these expressions are evaluated multiple times. That is, if I put a console.log(‘hello’) in aMethod, every time
Continue readingSign in with apple on the web with Capacitor plugin not redirecting
Issue I am trying to implement Sign in with Apple functionality in my Ionic app. In order to do that I am using the plugin: https://github.com/capacitor-community/apple-sign-in Everything is fine when using it on a device, but I can’t make it
Continue reading