Quantcast
Channel: Ionic Forum - Latest posts
Viewing all 228653 articles
Browse latest View live

The icons do not appear

$
0
0

Can you provide a Repo with a reproducible Code?


Apartments for sale in south Bangalore | Flats for sale in Bannerghatta Road | Ready to move flats in Bangalore South

$
0
0

GT Infra is a property development company who has completed real estate projects such as Aspira apartments JP Nagar, Paramount Pilatus Bannerghatta Road, Roshan Platinum, apartments, luxury homes, gated communities, and many more.
Click here to see more: https://www.gtinfra.com/

Is Cdn server down for ionic framework 4

Cannot find type definition file for '@types'

Need a help on logical problem

$
0
0

I have a three textbox and there have a 100 fixed integer value and these value shared with three different field
suppose user put value on

Scenario-1
TEXT_BOX-1: - 50; (remaining value is 50) user cant put the greater than remaining value on TEXT_BOX-2 if user want to put 60 they cant put. they have to put 50 on TEXT_BOX-2.
TEXT_BOX-3 automatically filled with 0(zero)

Scenario-2
TEXT_BOX-1: - 40; (remaining value is 60) user cant put the greater than remaining value on TEXT_BOX-2 if user want to put 70 they cant put. but user can put less than remaining list 20 or they may be put 60 on TEXT_BOX-2.
if user put 20 at TEXT_BOX-2 reaming value automatically filled at if user put 20 at TEXT_BOX-2 reaming value automatically filled at TEXT_BOX-3 with 40

so on…
Please help me out.

Thanks in advance.

How to solve Error: cannot find module in Ionic 4 (tabs navigation post login)

$
0
0

Thank you so much you solved my problem :smiley:

Ionic App APK file cant getting response from RestAPI

$
0
0

I have created an ionic app and it work on PC (ionic lab) and also get response from the RestAPI, but when I run the APK file on Android device (ionic cordova run android) then it doesn’t get response from the RestAPI.

Information of Project:

Ionic version: 5.4.16
cordova version : 9.0.0
Android version : 9

RestAPI is running on the local machine (192.168.0.0:8080/restapi/method).

so please help me out that how to get response from the restapi on android device it showing an below error.

 Http failure response for unknown url  unknown error {isTrusted: true}

Ionic App APK file cant getting response from RestAPI

$
0
0

Can you debug your code using chrome inspector.
F12 (on new tab)-> tap more (3 dots) -> More tools -> Remote devices -> choose your device and check whether you are able to see the network hit on network tab. Also might be CORS issue.

(You can see your device details below the Remote target )


I want to download a file from my rest and save it on download folder

$
0
0

I did it but when I install my apk it didn’t work, just works on browser so, I thought to when user clicks on button open a web page on my browser and I installed InAppBrowser plugin but I don’t know how to attach my bearer token in http header. Is there anyway to do it? Because now anyone can download the files.

Need a help on logical problem

$
0
0

What I believe is, through ngmodel on those text boxes, you can achieve it.
Let’s try with these steps:

  1. text-box 1: get the length of the value entered with ngmodel(t1)
  2. text-box 2: get 2nd field values with ngmodel(t2)(let’s say t1 value is 50 and t2 value is 60 so the length will be failed in the condition check and you can through the error)
  3. If you compare both (t1.length+t2.length>100) don’t allow to enter more values(maybe disable the input field to enter values.).

Even though it may not be the complete soultion, might be helpful :slight_smile:

ERR_CLEARTEXT_NOT_PERMITTED in debug app on Android

$
0
0

Create a new file /resources/android/xml/network_security_config.xml

Add the following to this file

<?xml version="1.0" encoding="utf-8"?>
<network-security-config>
  <domain-config cleartextTrafficPermitted="true">
    <domain includeSubdomains="true">com</domain>
    <domain includeSubdomains="true">net</domain>
    <domain includeSubdomains="true">org</domain>
  </domain-config>
</network-security-config>

You may add or remove subdomains according to your needs.

Add the following to your config.xml inside of <platform name="android">

<edit-config file="app/src/main/AndroidManifest.xml" mode="merge" target="/manifest/application" xmlns:android="http://schemas.android.com/apk/res/android">
            <application android:networkSecurityConfig="@xml/network_security_config" />
        </edit-config>
        <edit-config file="app/src/main/AndroidManifest.xml" mode="merge" target="/manifest/application" xmlns:android="http://schemas.android.com/apk/res/android">
            <application android:usesCleartextTraffic="true" />
        </edit-config>
        <resource-file src="resources/android/xml/network_security_config.xml" target="app/src/main/res/xml/network_security_config.xml" />

Ionic angular

$
0
0

Hey there !
Please help me
I am getting blank white page after entering command ionic serve

Ionic angular

$
0
0

What about the JavaScript Console? Any Error Logs?

Ionic angular

ngOnInit / ionViewDidEnter for child components

$
0
0

Due to the way Ionic cache pages a component within a page might be shown/hidden without firing the Angular lifecycle hooks (ngOnInit etc.).

Ionic solves this for pages by using its own set of lifecycle hooks like ionViewDidEnter, but they are only available for the pages themselves.

There are however plenty of cases where a component needs to know if it’s being loaded again - for example, a map component would usually turn the GPS on/off when it’s loaded/destroyed.
Or a form might need to focus on a specific input when it’s loaded.

At the moment the only solution I’ve seen is based on @ViewChild but that requires you tightly couple the parent/child components (page/child component) which goes against a lot of best practices (and means that a new developer implementing the component will run into bugs as he wouldn’t know that they need to do some extra steps).

Are there any other options I’m missing? this is leading to a lot of weird behavior/solutions in our apps

Thanks


Ionic angular

$
0
0

I think your http url entered wrong
check below solution link, might help you

Slider using html css and typescript no ionic or angular component

$
0
0

I am looking for a simple code to make a slider without using ionic or angular component??
anyone please help me!!!

Json Array when click every item shift to first of list(recently used in first)

Return all fields from a document as an array from Firebase cloud Firestore - ionic 4

$
0
0

I am trying to return all fields from a document from Firebase cloud Firestore. The problem arises when I wish to store this document as an array on my page for use. In whatever instance I try I cannot seem to be able to take the array outside of the .subscribe() method. outside of the subscribe the array is undefined. I assume I am not understanding a process in typescript.

quiz.service.ts

 export interface Quiz{
  q1: string;
  q2: string;
  q3: string;
  q4: string;
  }
  @Injectable({
    providedIn: 'root'
  })
  export class QuizService {
    quizss: Quiz[];
    quiz: Quiz;
    private quizCollection: AngularFirestoreCollection<Quiz>;
    private quizs: Observable<Quiz[]>;

    constructor(db: AngularFirestore) {
      this.quizCollection = db.collection<Quiz>('quiz');

      this.quizs = this.quizCollection.snapshotChanges().pipe(
        map(actions =>{
            return actions.map(a => {
              const data = a.payload.doc.data();
              const id = a.payload.doc.id;
              return{ id, ...data};
            });
        })
      );
     }

    getQuiz(id){
      return this.quizCollection.doc<Quiz>(id).valueChanges().pipe(
        map(response => response)
      );
    }
  }

I get undefined with the following at the console.log in ngOnInit:

ngOnInit() {
     this.route.queryParams.subscribe((res) => {
       id = res.name;
     });
     answerNumber= 0;
     this.question2 = this.quizService.getQuiz(id);
     console.log("question pull "+ this.question2[0]);  
 }
 returnQuiz( answerNumber) {
     this.quizService.getQuiz(id)
       .subscribe(res =>{
       this.quiz = res;
       let newPoint = {
         q1: this.quiz.q1,
         q2: this.quiz.q2,
         q3: this.quiz.q3,
         q4: this.quiz.q4,
       }
       this.question1[0] = newPoint.q1;
       this.question1[1] = newPoint.q2;
       this.question1[2] = newPoint.q3;
       this.question1[3] = newPoint.q4;

       return this.question1;
     });
  }

I have also tried this with the same error on the console log returning undefined:

ngOnInit() {
     this.route.queryParams.subscribe((res) => {
       id = res.name;
     });
     answerNumber= 0;
     this.quizService.getQuiz(id)
       .subscribe(res =>{
       this.quiz = res;
       let newPoint = {
         q1: this.quiz.q1,
         q2: this.quiz.q2,
         q3: this.quiz.q3,
         q4: this.quiz.q4,
       }
       this.question1[0] = newPoint.q1;
       this.question1[1] = newPoint.q2;
       this.question1[2] = newPoint.q3;
       this.question1[3] = newPoint.q4;
     });
      console.log("question pull "+ this.question1[0]);
 }

How to show Multiple Portfolios in one Account

$
0
0

Hello everyone,
We have a school project to create a Portfolio App an Account which can have multiple Portfolios with Ionic splitted in Frontend and Backend.
We are all new programers.
My Question is: After logging in, I would like to see the multiple portfolios specific to the account and what we need from the Backend for the Frontend to implement.
It Would be nice if you can help us :slight_smile:

Viewing all 228653 articles
Browse latest View live


<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>