My problem is that the @Input() does not work properly for me. When I try to pass a value via data-binding it results in a NaN Error message. I appreciate any form of help. My “View”. Here I pass the data to my “NavButtonComponent”-class. Answer The answer was <app-nav-button page=”food-list”></app-nav-button>. Removing the [] was the solution. Thank you @cfprabhu !
Tag: ionic-framework
How to switch from graph view and tableview with a toggle button in Ionic 6/Angular?
I have two components to show data. The table view and the graph view. Both components has the same data. I use a toggle switch button to switch between these views. This is my code: The default view is the graphview via chart.js. Both components works fine. This is my code to hide and show: When I click on the
Pass value to an other compoment via routerLink in Ionic
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 dataHere) : How can i do that ? Answer in you html file and in your ts file and in your
How can I set the scope to a http request in my app?
I would like to know how to set the scope to a http request in my Ionic App. We are using Hapi Framework for the Backend built with Node.JS. I’m working with a team so I don’t have enough knowledge on the server side since I’m working on the Ionic App. Also, I’m setting a Bearer Token to the request
How can parameters be passed to the root navigation page in Ionic Core when using routing?
Overview In Ionic Framework, parameters can be passed to pages using the push function in an ion-nav component and parameters can be passed to the root page using the rootPage parameter. The following code shows how this can be done: This fiddle is a working example of the code. Problem If an ion-router element is used to determine what page
How to pass data from child to parent?
I need to pass one variable, that is inside my child component, to parent page. This variable that I am trying to pass, is the array result of Barcode Scanner. And I need to pass it to parent to send to API. childComponent.ts parentComponent.ts Answer Here is an example stackblitz project to test parent-child data transfer, using @Input() and @Output()mechanism
override :host css in ionic framework
how can i override :host css } PS. this css is on ion-content I’d appreciate any help. Answer You don’t have to change the :host CSS to change the background of ion-content. You can add this to your CSS But if you really want to change :host CSS, then you can add this in your global CSS file.
how to download data from axios in advance in vue?
In my app, I need to run my app offline because drivers have to use that app and in remote areas, they might not find internet for that purpose I need to download all data in advance through Axios request at the time they have internet. so that request can get data from the cache instead of server. At the
how to display cities in one dropdown based on selected state in other dropdown using json data in angular ionic?
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 my 1st dropdown’s selected value of state with a key “state” in “cities” object in my json file so i can
Ionic/Angular HTTP post request not working on android
I used Angular HTTP while testing in the browser and it worked fine, but it doesn’t on an actual mobile device… Apparently HTTP angular doesn’t work on mobile and I had to convert the post request to ionic native HTTP. I’m not sure if it’s converted correctly and what the issue is… Also, the get requests work fine is only