Quantcast
Channel: Ionic Forum - Latest topics
Viewing all 70434 articles
Browse latest View live

Ionic CLI v5.0.3 - External development server is not started when using ionic serve

$
0
0

@chetanbansal wrote:

I updated all the dependencies to the latest ones, which includes updating ionic CLI to v5.0.3.
However, now when i am using “ionic serve”, the development server is only starting on localhost:8100, and not the external url. Like it used to happen in the older version

I have used “ionic serve --address=<external_address>” command as well. This works and starts the server on the external address mentioned only, and the localhost server doesn’t work.

Couldn’t find any similar query anywhere, if there is already an existing one, please tag the same here…
Using it with capacitor.

IONIC INFO
Ionic:

Ionic CLI : 5.0.3
Ionic Framework : @ionic/angular 4.5.0
@angular-devkit/build-angular : 0.800.3
@angular-devkit/schematics : 8.0.3
@angular/cli : 8.0.3
@ionic/angular-toolkit : 1.5.1

Cordova:

Cordova CLI : not installed
Cordova Platforms : not available
Cordova Plugins : not available

Utility:

cordova-res : not installed
native-run : not installed

System:

NodeJS : v12.2.0 (/usr/local/bin/node)
npm : 6.9.0
OS : macOS Mojave
Xcode : Xcode 10.2.1 Build version 10E1001

Posts: 2

Participants: 2

Read full topic


Place a frame when camera opens?

$
0
0

@Bhanu17 wrote:

want to place a frame when camera open as you can see in lenskart App.i searched for for it but didn’t find it ,is there any way to do it ?

Posts: 1

Participants: 1

Read full topic

Unable to change color of ionic 4 selected text

$
0
0

@dipankar123 wrote:

Hi All,
In ionic 4, I am unable to change selected text color from ionic-select
from developer option i found select-text class reflecting selected text
i have tried adding color: #488aff to that class
but changes not reflecting color
please help

Thanks

Posts: 1

Participants: 1

Read full topic

Ionic 4 global popup/bar with data and action

$
0
0

@rakesh_appycodes wrote:

Hi,
I want to build and application where if user click on a product button a timer (2 min) will start (in any place, header and footer will be ok ) with the clicked product data (like id) and user can surf through other page during the running time and they can check the time ruining.

Popup/Bar must include 2 action yes/no and the running time and when user click on yes/no i need a callback so i can trigger some function to save the data.

During the the running time product button must be disabled.

Posts: 1

Participants: 1

Read full topic

File input with FAB

$
0
0

@fselcukcan wrote:

I am using @ionic-react. It is very easy to use.

What I wonder is how to make use of input type file with a IonButton or IonFabButton? According to docs the IonInput component is for text like input types.

It is meant for text type inputs only, such as "text" , "password" , "email" , "number" , "search" , "tel" , and "url" . It supports all standard text input events including keyup, keydown, keypress, and more.

Posts: 1

Participants: 1

Read full topic

Native Printer Brother?

$
0
0

@neopelina wrote:

Hello,

I would like to use a Brother QL-820NWB printer on one of my projects.

I can’t find a way to implement the Brother Printer SDK on Ionic 4.

Is it possible to use an Ionic native printer or is it necessary to wait for a new Ionic native plugin dedicated to Brother?

Sincerely

Posts: 1

Participants: 1

Read full topic

Get request using data from input

$
0
0

@FaithShumia wrote:

i am creating a login page. i have the username and password input and a login button. in my typescript i have a login function that makes a get request to the server. however. i am unable to feed the get request with the data entered by the user from the input. my code and further explanation is in the comments. somebody please help.

Posts: 1

Participants: 1

Read full topic

Can you make intro.js fire only once

$
0
0

@heardnetwork wrote:

I’m using intro.js to create a walkthrough on my app, and it looks great. The only issue is that it’s firing everytime the app is freshly launched. Is there a way to get it to not shoe after it’s been dismissed once. I’ve read local storage might be possible, but i can’t find anything out about it. i’m using firestore if that matters?

thanks

Posts: 1

Participants: 1

Read full topic


Dynamic images

$
0
0

@gowrisankar509 wrote:

Hi Guys ,

I am trying to load dynamic images based on images type.

im trying this in HTML.
<ion-img [src]="todo('test.jpg')" ></ion-img>
and my tS code is

todo(fr:string)
  {
console.log("Mypage");
    return   this.globalService.getfileimage(fr);
  }

my globalService code is

getfileimage(type:string)
  {
     console.log(type);
    return 'assets/icon/7z.jpg';
  }

now i am seen my consolelog in browser

Mypage printing 150 time and same console.log(type); also printing 104.

Please suggest me to fix this.

Posts: 1

Participants: 1

Read full topic

Corodva in app browser plugin Android

$
0
0

@srfrancesco wrote:

Does anyone know why I get a white page if I try to open an url?
If I try to open “google.com” it works, but not if I try other URLs like my web site

Thanks

Posts: 1

Participants: 1

Read full topic

Ioni4 , animation

Changing the username should effect in all other pages

$
0
0

@premktr wrote:

I am using ionic4/angular4.the changes made to the username should reflect in all pages.

 <ion-input type="text" placeholder="Profile Name" [readonly]="isReadOnly" ngModel name="profile"
              #nameCtrl="ngModel" required minlength="3" pattern="^[A-Za-zÀ-ÿ ,.'-]+$" (focusout)="out_profile()" #name
              no-padding>
            </ion-input>

Posts: 1

Participants: 1

Read full topic

Response with status 0: for url:null in Android 9

$
0
0

@ziqk wrote:

Hi
I was running my app using ‘@angular/http’ on my Galaxy S7 successfuly.
then I switched to Galaxy S10 with Android 9 and I get ‘response with status 0: for url:null’ each login

Please help on this one

Posts: 1

Participants: 1

Read full topic

Ionicons hex icons codes

$
0
0

@developer_82 wrote:

Hi,
Don’t know if this is the place for this question. I’m using Iconicons in a web app independently of the ionic framework. To display the icons I’m using icons hex codes. In the past I looked in the page source of ionicons to find out each icon’s hex code, but now instead of the icon it shows a square (as a font that the browser cannot read). How can I find the hex code for each icon again?

Posts: 1

Participants: 1

Read full topic

Ionic4: Execution failed for task ':app:processDebugManifest'

$
0
0

@mustafaCh wrote:

I’m working on an ionic4 app with angular and firebase.

I was building the app to android using: ionic cordova run android, it was successfully built the application. Suddenly when I’m running the same command there is an error showing:

Manifest merger failed : Attribute application@appComponentFactory value=(android.support.v4.app.CoreComponentFactory) from [com.android.support:support-compat:28.0.0] AndroidManifest.xml:22:18-91 is also present at [androidx.core:core:1.0.0] AndroidManifest.xml:22:18-86 value=(androidx.core.app.CoreComponentFactory). Suggestion: add ‘tools:replace=“android:appComponentFactory”’ to element at AndroidManifest.xml:5:5-37:19 to override.

I’ve tried to add tools:replace="android:appComponentFactory" to element at AndroidManifest.xml. And I’ve have tried also to delete the platforms/android and install it again without getting the result

Does anyone have any idea about what happening? or can anyone help me with this issue!

Posts: 1

Participants: 1

Read full topic


Android App Bundle

$
0
0

@luisgagocasas wrote:

I have the following error when uploading to google store and it was created from Appflow

APK not optimized

Warning:

This APK generates code and resources that are not used and sent to users anyway. You can reduce the size of your app using the Android App Bundle format. If you do not optimize the app for user device configurations, it will have a larger download and installation size than what you really need. Larger apps have lower installation success rates and take up more storage space on users’ devices.

Resolution:

Use the Android App Bundle format to optimize device configurations automatically or manage them on your own with several APKs.

  • what can I do since I thought that using Appflow would solve this problem.

Posts: 1

Participants: 1

Read full topic

Create a Timetable

Implementing SSO login with ADAL and JWT on an ionic app

$
0
0

@HugoC31 wrote:

Hi everyone !

I’m trying to Implemente SSO login with ADAL and JWT on an ionic app.

I’m using Angular 5.2.10 and Ionic v3.

This is my auth.service.ts :

I import :

import { Injectable } from '@angular/core';
import { JwtHelperService } from '@auth0/angular-jwt';
import { Platform} from 'ionic-angular';
import { MSAdal, AuthenticationContext, AuthenticationResult } from '@ionic-native/ms-adal';
import { environment as env } from '../environments/environment';

And I’m pretty sure I’ve no problem on my environment file because I already try it on an other app.

Then I’ve a problem on my authenticate function :

@Injectable()
export class AuthService {
  constructor(
    private msAdal: MSAdal,
    private jwtHelper: JwtHelperService,
    private platform: Platform,
  ) {
    console.log("auth.service.ts constructor");
    platform.ready().then(() => {
      console.log('Activate ADAL logger GSA');
    });
  }


  public async authenticate(): Promise<boolean> {
    console.log('GSA authenticate');
    await this.platform.ready();
    console.log('Called authenticate');
    const authContext = this.msAdal.createAuthenticationContext(
      env.adAuthority,
      false
    );
    authContext.validateAuthority = false;
    // Attempt to authorize user silently
    try {
      console.log('Trying to authorize user silently');
      const silentAuthResult = await authContext.acquireTokenSilentAsync(
        env.adResourceUri,
        env.adClientId,
        undefined
      );
      console.log('Silent Auth result:', silentAuthResult);
      return true;
    } catch (err) {
      console.log(
        'Cannot authorize user silently, trying to launch login process'
      );
      try {
        const authResult = await authContext.acquireTokenAsync(
          env.adResourceUri,
          env.adClientId,
          env.adRedirectUri,
          undefined,
          undefined
        );
        console.log('Auth Result:', authResult);
        return true;
      } catch (err) {
        console.error('Cannot authorize user silently. User unauthorized or no connectivity to the authentication provider: ', err);
        return false;
      }
    }
  }    

I’m getting this error :

Error: Uncaught (in promise): TypeError: Cannot set property 'validateAuthority' of undefined
TypeError: Cannot set property 'validateAuthority' of undefined
    at AuthenticationContext.set [as validateAuthority] (http://localhost:8100/build/vendor.js:126569:39)
    at AuthService.<anonymous> (http://localhost:8100/build/main.js:1407:55)```

I'm sorry if it's a dumb question, I'm a beginner, but can someone please help me with this ?

Thanks a lot !

Posts: 1

Participants: 1

Read full topic

Problem with cannot read the property

$
0
0

@fuutf wrote:

hello guys i’m making the project for my class and i have the problem. It says the Cannot read property ‘naziv’ of undefined, but i have created the class with this name. Can you solve my problem?

Here is my code: jela.ts
export class Jela{
naziv: string;
sastojci: string;
postupak: string;
}

tab1.page.html



PREDJELA


{{currentJelo.naziv}}
{{currentJelo.sastojci}} {{currentJelo.postupak}}

tab1.page.ts
import { Component } from ‘@angular/core’;
import { Jela } from ‘…/jela’;

@Component({
selector: ‘app-tab1’,
templateUrl: ‘tab1.page.html’,
styleUrls: [‘tab1.page.scss’]
})
export class Tab1Page {

constructor() {
this.jelas = [
{
naziv: ‘Pašteta od tunjevine’,
sastojci: ‘1 glavica luka, 2 tvrdo kuhana jaja, 240 g Eva tuna komada u biljnom ulju, 100 g maslaca, malo Senfa estragon Podravka, sol, Vegeta Maestro crni papar mljeveni, limunov sok,Worcestershire umak’,
postupak:’ 1.Luk sitno nasjeckajte. Maslac pjenasto izmiješajte, a tvrdo kuhana jaja i tunjevinu sitno narežite ili sameljite., 2.U maslac umiješajte pripremljeni luk, jaja i tunjevinu. Dodajte senf, sol, papar, worchestershire umak i malo limunova soka. 3.Sve dobro izmiješajte i ohladite’
},
{
naziv: ‘Pašteta od tunjevine’,
sastojci: ‘1 glavica luka, 2 tvrdo kuhana jaja, 240 g Eva tuna komada u biljnom ulju, 100 g maslaca, malo Senfa estragon Podravka, sol, Vegeta Maestro crni papar mljeveni, limunov sok,Worcestershire umak’,
postupak:’ 1.Luk sitno nasjeckajte. Maslac pjenasto izmiješajte, a tvrdo kuhana jaja i tunjevinu sitno narežite ili sameljite., 2.U maslac umiješajte pripremljeni luk, jaja i tunjevinu. Dodajte senf, sol, papar, worchestershire umak i malo limunova soka. 3.Sve dobro izmiješajte i ohladite’
}
];
}

jelas: Jela = ;
currentJelo: Jela;
currentIndex=1;

showJelo(){
this.currentJelo=this.jelas[this.currentIndex];
}

}

Thank you if you want to help me!

Posts: 1

Participants: 1

Read full topic

Can't access data from service

$
0
0

@BXGEN wrote:

Hello,

I’ve created a simple API to get a response inside a service but can’t get the data to be viewed inside a paragraph text component on a page, the api response is fine as I’ve console logged it and it’s completely fine, I tried following the Youtube channel to get the code to transfer the scope data from a service to the main page but it doesn’t seem to be working. Here is my code:
image

Thanks,
Joshua Riley

Posts: 1

Participants: 1

Read full topic

Viewing all 70434 articles
Browse latest View live


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