@ioniser wrote:

Hello please I need a quick help I have a white screen after the splashscreen
I’ve already tryed eveything remove all plugin and node-module but nothing seems to work
some time it’s work perfectly and the minutes later nothing

Posts: 1

Participants: 1

Read full topic

@Crielz wrote:

Prerequisites

Check all boxes if you have done the following:

• Checked that your issue isn’t already filed: https://github.com/tripflex/wifiwizard2/issues
• Make sure you fill out the Issue Type below

Issue type

Select all that apply

• Bug
• Enhancement
• Task
• Question
• Other

Description

I’m using ionic framework. When I want to install the wifiwizard2 plugin I get no errors but i’m not able to use the plugin. The wifiwizard is added to my config and package.json file but I can’t find the import in my module.ts file. Thanks in advance.

Steps to Reproduce

1. run sudo cordova plugin add https://github.com/tripflex/wifiwizard2

2. run sudo npm i cordova-plugin-wifiwizard2 or sudo ionic cordova plugin add cordova-plugin-wifiwizard2

3. [and so on…]

Expected behavior: Use the plugin

Actual behavior: cannot find import

Reproduces how often: 100%

Versions

Ionic:

ionic (Ionic CLI) : 4.10.3 (/usr/local/lib/node_modules/ionic)
Ionic Framework : @ionic/angular 4.1.1
@angular-devkit/build-angular : 0.13.6
@angular-devkit/schematics : 7.2.4
@angular/cli : 7.3.6
@ionic/angular-toolkit : 1.4.0

Cordova:

cordova (Cordova CLI) : 8.1.2 (cordova-lib@8.1.1)
Cordova Platforms : android 7.1.4
Cordova Plugins : cordova-plugin-ionic-keyboard 2.1.3, cordova-plugin-ionic-webview 3.1.2, (and 4 other plugins)

System:

Android SDK Tools : 26.1.1 (/Users/nathancriel/Library/Android/sdk)
NodeJS : v10.15.1 (/usr/local/bin/node)
npm : 6.7.0
OS : macOS Mojave
Xcode : Xcode 10.1 Build version 10B61

Additional Information

config.xml
<plugin name=“wifiwizard2” spec=“git+https://github.com/tripflex/wifiwizard2.git” /

package.json

dependencies
“cordova-plugin-wifiwizard2”: “git+https://github.com/tripflex/wifiwizard2.git”,

Posts: 1

Participants: 1

Read full topic

@romulocc wrote:

Hello guys, when i received push notification with html tags i use inner html in app:
ex:
[innerHTML]=“String | safe:‘html’”:

Title
hello world

without inner html:

tiltle

hello world

So far ok,

but when de message has in focus in display, i stil have the tags

tiltle

hello&nsb world

How i resolve this.
Thanks a lot

Obs Push notification one signal

Posts: 1

Participants: 1

Read full topic

@blondie63 wrote:

I’ve a “Ionic 4” working app but after some plugin update, my app does’nt start an show this error:

pic4-err-starting.png2404×910 413 KB

I’ve no compilation error !
I’ve tried to revert previous plugin, do a “ionic repair” but nothing…

Some help ?
Thanks

Posts: 1

Participants: 1

Read full topic

@Kousika wrote:

Hi Team,
Please help me to fix the below error when I try to build android app with --prod :

Uncaught ReferenceError: AppRootToken is not defined
    at Function.t.forRoot (main.js:63)
    at main.js:59
    at Object.<anonymous> (main.js:59)
    at e (main.js:1)
    at Object.<anonymous> (main.js:50)
    at e (main.js:1)
    at Object.<anonymous> (main.js:74)
    at e (main.js:1)
    at main.js:1
    at main.js:1

Here is my ionic info,

cli packages: 

    @ionic/cli-utils  : 1.12.0
    ionic (Ionic CLI) : 3.12.0

global packages:

    cordova (Cordova CLI) : 8.1.2 (cordova-lib@8.1.1) 

local packages:

    @ionic/app-scripts : 1.3.7
    Cordova Platforms  : android 6.2.0
    Ionic Framework    : ionic-angular 3.3.0

System:

    Android SDK Tools : 26.1.1
    Node              : v6.17.0
    npm               : 3.10.10 
    OS                : macOS High Sierra

Misc:

    backend : pro

Here is my package.json:

{
  "name": "Ionic",
  "version": "0.0.1",
  "author": "Ionic Framework",
  "homepage": "http://ionicframework.com/",
  "private": true,
  "scripts": {
    "clean": "ionic-app-scripts clean",
    "build": "ionic-app-scripts build",
    "lint": "ionic-app-scripts lint",
    "ionic:build": "ionic-app-scripts build",
    "ionic:serve": "ionic-app-scripts serve"
  },
  "dependencies": {
    "@angular/common": "4.1.2",
    "@angular/compiler": "4.1.2",
    "@angular/compiler-cli": "4.1.2",
    "@angular/core": "4.1.2",
    "@angular/forms": "4.1.2",
    "@angular/http": "4.1.2",
    "@angular/platform-browser": "4.1.2",
    "@angular/platform-browser-dynamic": "4.1.2",
    "@ionic-native/app-version": "^3.10.2",
    "@ionic-native/call-number": "^3.10.2",
    "@ionic-native/camera": "^3.10.2",
    "@ionic-native/contacts": "^3.10.2",
    "@ionic-native/core": "3.10.2",
    "@ionic-native/device": "^3.10.2",
    "@ionic-native/diagnostic": "^3.10.2",
    "@ionic-native/facebook": "^3.10.2",
    "@ionic-native/geolocation": "^3.10.2",
    "@ionic-native/google-analytics": "^3.10.2",
    "@ionic-native/google-maps": "^3.10.2",
    "@ionic-native/google-plus": "^3.10.2",
    "@ionic-native/image-picker": "^3.10.2",
    "@ionic-native/keyboard": "^3.10.2",
    "@ionic-native/network": "^3.10.2",
    "@ionic-native/push": "^3.10.2",
    "@ionic-native/sms": "^3.10.2",
    "@ionic-native/social-sharing": "^3.10.2",
    "@ionic-native/spinner-dialog": "^3.10.2",
    "@ionic-native/splash-screen": "3.10.2",
    "@ionic-native/status-bar": "3.10.2",
    "@ionic-native/toast": "^3.10.2",
    "@ionic/cloud-angular": "^0.12.0",
    "@ionic/storage": "2.0.1",
    "angular2-moment": "^1.3.3",
    "cordova-android": "^6.2.0",
    "cordova-plugin-device": "^1.1.4",
    "cordova-plugin-google-analytics": "^1.8.4",
    "cordova-plugin-ionic-webview": "^1.2.1",
    "cordova-plugin-splashscreen": "^4.0.3",
    "cordova-plugin-whitelist": "^1.3.1",
    "cordova-plugin-x-toast": "~2.7.2",
    "hammerjs": "2.0.8",
    "ionic-angular": "3.3.0",
    "ionic-plugin-keyboard": "~2.2.1",
    "ionicons": "3.0.0",
    "q": "1.4.1",
    "rxjs": "^5.1.1",
    "socket.io-client": "^1.6.0",
    "sw-toolbox": "3.6.0",
    "zone.js": "0.8.18"
  },
  "devDependencies": {
    "@ionic/app-scripts": "^1.3.7",
    "@types/googlemaps": "3.26.0",
    "typescript": "^2.9.2"
  },
  "description": "An Ionic project",
  "config": {
    "ionic_webpack": "./webpack.config.js"
  },
  "cordova": {
    "plugins": {
      "ionic-plugin-keyboard": {},
      "cordova-plugin-whitelist": {},
      "cordova-plugin-device": {},
      "cordova-plugin-splashscreen": {},
      "cordova-plugin-ionic-webview": {},
      "cordova-plugin-x-toast": {},
      "cordova-plugin-googlemaps": {
        "API_KEY_FOR_ANDROID": "",
        "API_KEY_FOR_IOS": ""
      },
      "cordova-plugin-console": {},
      "cordova-plugin-statusbar": {},
      "cordova-plugin-spinner-dialog": {},
      "cordova-plugin-x-socialsharing": {},
      "cordova-plugin-googleplus": {
        "REVERSED_CLIENT_ID": ""
      },
      "cordova-plugin-camera": {},
      "cordova-plugin-contacts": {},
      "cordova-plugin-geolocation": {},
      "cordova-plugin-network-information": {},
      "es6-promise-plugin": {},
      "cordova-plugin-telerik-imagepicker": {},
      "cordova-plugin-facebook4": {
        "APP_ID": "",
        "APP_NAME": ""
      },
      "ionic-plugin-deploy": {},
      "cordova-plugin-google-analytics": {
        "GMS_VERSION": "11.0.1"
      },
      "phonegap-plugin-push": {
        "SENDER_ID": ""
      }
    },
    "platforms": [
      "android"
    ]
  }
}

P.S: I also have referred the following links but none helped me

• https://stackoverflow.com/questions/51817795/uncaught-referenceerror-approottoken-is-not-defined-ionic-v3
• Running Android Prod: Uncaught ReferenceError: AppRootToken is not defined

Posts: 1

Participants: 1

Read full topic

@mrg250 wrote:

hello all ,
I have an app that whenever a user isn’t authenticated he is redirected to login, else, he is directed to the tabs page.
Code (app.component.ts):

  platform.ready().then(() => {
        


        _authFire.auth.onAuthStateChanged((user)=>{
          if(user){
            this.nav.setRoot('TabsPage').then(()=>{
               splashScreen.hide();
           })
          }else{
           this.nav.setRoot('loginPage').then(()=>{
               splashScreen.hide();
             })
          }
        })
      
        
        statusBar.styleDefault();
      });

(tabs.ts)

@IonicPage()
@Component({
  selector: 'page-tabs',
  templateUrl: 'tabs.html',
})
export class TabsPage {
  personal:any = 'PersonalAreaPage';
  maps:any = 'MapPage';
  options:any = 'OptionsPage';
  
  private param: any;
  constructor(public navCtrl: NavController, private alertCtrl: AlertController,private navParam: NavParams, 
    private _loadingCtrl: LoadingController,
    private _userHandler: UserHandlerProvider,
    ) {
      
      

      
    }

(tabs.html)

<ion-tabs selectedIndex="1">
  <ion-tab [root]="personal" tabIcon="person"></ion-tab>
  <ion-tab [root]="maps" tabIcon= "map"></ion-tab>
  <ion-tab [root]="options" tabIcon="options"></ion-tab>
</ion-tabs>

Expectation:
Clicking on a tab will bring user to respected page, and the tab will be highlighted as a result of the page being active. Simple tabs activity.

Problem:
Clicking on a tab does directs to its page, BUT, the icons are not updated, and seems to be stuck at the previous activated tab icon.

(for example, clicking on homeTab will still highlight optionsTab icon even though mapTab is fully loaded)

Problem identified (?):
Simply setting the root (with no ‘onAuthStateChanged()’ invoked) to ‘TabsPage’, seems to fix this bug.
but this is not solution…

Can you please help me with this?

Posts: 1

Participants: 1

Read full topic

@aligassan wrote:

l am using Ionic 4 to build app weather and I added property to save cities in local storage .

I want to remove item weather city from local storage.

I did like that , but it doesn’t remove item from list:

  deleteItem(city){
    localStorage.removeItem('cities')
  } 

My full code including deleteItem

      // get weather data from provider     
      getWeather(city :string){
        this.weather.city(city).then(data=>{

          if (data) {
            this.weatherList.push(JSON.parse(data.data))
            console.log(data.data)
          //  save city with data
          this.saveWeatherEntry(city, data);

          // test the storage, 
          let entry = this.getWeatherEntry(city);
          console.log(city);
          console.log(entry);
          } else {


          }


        });
      }


      // check if exist before in local storage
      saveWeatherEntry(city, data) {
        let items_json = localStorage.getItem('cities');
        let items = [];
        if(items_json) {
           items = JSON.parse(items_json);
           let city_index = -1;
           for(let i = 0; i < items.length; i++) {
              if(items[i].city == city) {
                city_index = i;
                break;
              }
           }

           if(city_index != -1) {
              items[city_index].data = data;
           } else {
              items.push({
                 city: city,
                 data: data
              });
           }

        } else {
           items.push({
              city: city,
              data: data
           });
        }   
        //save changes
        localStorage.setItem('cities', JSON.stringify(items));
      }

      // check if exist before in local storage
      getWeatherEntry(city) {
        let items_json = localStorage.getItem('cities');
        if(items_json) {
          let items = JSON.parse(items_json);
          let city_index = -1;
          for(let i = 0; i < items.length; i++) {
             if(items[i].city == city) {
               return items[i].data;
             }
          }
        }
        return false;
      }

    // delete item          
    deleteItem(city){
        localStorage.removeItem('cities')
      }

Any solution please?

Posts: 1

Participants: 1

Read full topic

@Fares95 wrote:

Hello , After i created tabs page , and injected it in app.module.ts and then it doesn’t appear when i launched ionic serve ,
so i did use something in my app.page .html , it appeared but the side menu stopped working .
the application do not display any error but the side menu just stopped working .

My app.page.html

<div class="{{global.state['theme']}}">

  <!--Dark Design Menu-->
  <ion-menu [content]="content" id="menu-dark">
    <ion-header class="sidemenuHeader">
      <ion-toolbar>
        <ion-item no-lines>
          <ion-avatar item-left>
            <h2>G</h2>
          </ion-avatar>
          <h2>Bonjour,invité</h2>
          <p>Bienvenu à E-Reclamation !</p>
        </ion-item>
      </ion-toolbar>
    </ion-header>


    <ion-content class="menu">
      <ion-list>
        <button menuClose="left" ion-item *ngFor="let p of pages" (click)="openPage(p)">
          <ion-icon [name]="p.icon" item-left></ion-icon>  {{p.title}}
        </button>
      </ion-list>
    </ion-content>
  </ion-menu>
  <!-- Disable swipe-to-go-back because it's poor UX to combine STGB with side menus -->
  <ion-nav [root]="rootPage" [root]="rootsPage" #content swipeBackEnabled="false"></ion-nav>

  

</div>

my app.component.ts

import { AppState } from './app.global';
import { Component, ViewChild } from '@angular/core';
import { Nav, Platform, MenuController } from 'ionic-angular';
import { StatusBar } from '@ionic-native/status-bar';
import { SplashScreen } from '@ionic-native/splash-screen';
import { Subject } from 'rxjs';
import { SideMenuPage } from '../pages/side-menu/side-menu';
import { ConnecterPage } from '../pages/connecter/connecter';
import { InscriptionPage } from '../pages/inscription/inscription';
import { SettingsPage } from '../pages/settings/settings';
import { TabsPage } from '../pages/tabs/tabs';

@Component({
  templateUrl: 'app.html'
})
export class MyApp {
  @ViewChild(Nav) nav: Nav;
tabsroots: any = TabsPage;
  rootPage: any = 'SideMenuPage';
  activePage = new Subject();

  pages: Array<{ title: string, component: any, active: boolean, icon: string }>;
  rightMenuItems: Array<{ icon: string, active: boolean }>;
  state: any;

  constructor(
    public platform: Platform,
    public statusBar: StatusBar,
    public splashscreen: SplashScreen,
    public global: AppState,
    public menuCtrl: MenuController
  ) {
    this.initializeApp();
    this.rightMenuItems = [
      { icon: 'home', active: true },
      { icon: 'contact', active: false },
      { icon: 'settings', active: false }

    ];

    this.pages = [

      { title: 'Home', component: 'SideMenuPage', active: true, icon: 'home' },
      { title: 'Se Connecter', component: ConnecterPage, active: false, icon: 'contact' },
        { title: 'Inscrivez-vous', component: InscriptionPage, active: false, icon: 'contact' },
      { title: 'Parametres', component: SettingsPage, active: false, icon: 'settings' }

     ];

    this.activePage.subscribe((selectedPage: any) => {
      this.pages.map (page => {
        page.active = page.title === selectedPage.title;
      });
    });
  }

  initializeApp() {
    this.platform.ready().then(() => {
      this.global.set('theme', '');
      // Okay, so the platform is ready and our plugins are available.
      // Here you can do any higher level native things you might need.
      this.statusBar.styleDefault();
      this.splashscreen.hide();
      this.menuCtrl.enable(false, 'right');
    });
  }

  openPage(page) {
    // Reset the content nav to have just this page
    // we wouldn't want the back button to show in this scenario
    this.nav.setRoot(page.component);
    this.activePage.next(page);
  }

  rightMenuClick(item) {
    this.rightMenuItems.map(menuItem => menuItem.active = false);
    item.active = true;
  }
}

Posts: 1

Participants: 1

Read full topic

@diptimanmitra wrote:

I wanted to implement Calendar picker similar to date picker component without using native calendar of device. Can you please help ?

Posts: 1

Participants: 1

Read full topic

@schmidtkevinall wrote:

For a hybrid app running on iOS and Android, I want to load a different module when the user opens the app the first time. This will based on a boolean variable in storage. If it’s false or doesn’t exist, open the “First Time” module, if it’s true, open the “Main App” module. What needs to be done in order to make this happen with the router?

I’m using Apache Cordova and would ideally make this determination in the deviceReady function. If there is a better place to handle this, please let me know.

Thanks,

K

Posts: 1

Participants: 1

Read full topic

@dnietoandres wrote:

Hey there,

I was wondering if i can change animation/ transition in ion-fab. Let me explain, you can have an ion-fab-list inside an ion-fab, so when you tap that ion-fab, the ion-fab-list makes a transition or animation to be showed.

It is possible to change that transition?

fab-list.gif474×680 1.02 MB

Thanks!

Posts: 1

Participants: 1

Read full topic

@william17 wrote:

Capture du 2019-03-20 20-20-35.png1588×375 105 KB

I would like to fast download these objects in my ionic 4 app and display the image.

1- I do that with the http client in ionic. I can get my data and display images but the download is too slow because of images.

2- And when i display that, they are not responsive although I use grid. No problem In browser, only in android device.

I use Ionic 4, my Backend is base on spring boot.

Hope i will get help or orientation.

Thanks
Best regards.

Posts: 1

Participants: 1

Read full topic

@dave-k wrote:

Building ionic app with --prod will not run in Xcode 10 iOS simulator or Android device.
The app hangs at the splash page.
$ ionic cordova build [ios|android] --prod

App runs ok without --prod

Xcode console:

libMobileGestalt MobileGestalt.c:890: MGIsDeviceOneOfType is not supported on this platform.
Apache Cordova native platform version 4.5.5 is starting.
Multi-tasking -> Device: YES, App: YES
CDVWKWebViewEngine: trying to inject XHR polyfill
CDVWKWebViewEngine will reload WKWebView if required on resume
Using Ionic WKWebView
[CDVTimer][console] 0.082016ms
[CDVTimer][handleopenurl] 0.109911ms
[CDVTimer][intentandnavigationfilter] 1.754045ms
[CDVTimer][gesturehandler] 0.052094ms
[CDVTimer][file] 1.561999ms
CDVIonicKeyboard: resize mode 1
[CDVTimer][keyboard] 1.948953ms
[CDVTimer][splashscreen] 5.697966ms
[CDVTimer][statusbar] 4.747987ms
[CDVTimer][socialsharing] 0.107050ms
[CDVTimer][TotalPluginStartup] 17.371058ms
Ionic Native: deviceready event fired after 720 ms

Terminal output:

$ ionic cordova build ios --prod
> ionic-app-scripts build --prod --target cordova --platform ios
[20:27:38]  ionic-app-scripts 3.2.1 
[20:27:38]  build prod started ... 
[20:27:38]  clean started ... 
[20:27:38]  clean finished in 20 ms 
[20:27:38]  copy started ... 
[20:27:39]  deeplinks started ... 
[20:27:39]  deeplinks finished in 498 ms 
[20:27:39]  ngc started ... 
[20:27:57]  ngc finished in 18.42 s 
[20:27:57]  preprocess started ... 
[20:27:57]  preprocess finished in less than 1 ms 
[20:27:57]  webpack started ... 
[20:27:58]  copy finished in 20.08 s 
[20:30:20]  webpack finished in 142.73 s 
[20:30:20]  uglify started ... 
[20:30:20]  sass started ... 
[20:30:24]  sass finished in 3.34 s 
[20:30:24]  cleancss started ... 
[20:30:26]  cleancss finished in 2.11 s 
[20:31:24]  uglify finished in 64.22 s 
[20:31:24]  postprocess started ... 
[20:31:24]  postprocess finished in 44 ms 
[20:31:24]  lint started ... 
[20:31:24]  build prod finished in 226.37 s 
no-unused-variable is deprecated. Since TypeScript 2.9. Please use the built-in compiler checks instead.
[20:31:30]  lint finished in 5.51 s 
> cordova build ios
Reading build config file:
Building for iPhone X Simulator
Building project: /Users/ddev/project/ionic/application/platforms/ios/myApp.xcworkspace
	Configuration: Debug
	Platform: emulator
Build settings from command line:
    CONFIGURATION_BUILD_DIR = /Users/ddev/project/ionic/application/platforms/ios/build/emulator
    SDKROOT = iphonesimulator12.1
    SHARED_PRECOMPS_DIR = /Users/ddev/project/ionic/application/platforms/ios/build/sharedpch

Build settings from configuration file '/Users/ddev/project/ionic/application/platforms/ios/cordova/build-debug.xcconfig':
    CLANG_ALLOW_NON_MODULAR_INCLUDES_IN_FRAMEWORK_MODULES = YES
    CODE_SIGN_ENTITLEMENTS = $(PROJECT_DIR)/$(PROJECT_NAME)/Entitlements-$(CONFIGURATION).plist
    CODE_SIGN_IDENTITY = iPhone Developer
    ENABLE_BITCODE = NO
    GCC_PREPROCESSOR_DEFINITIONS = DEBUG=1
    HEADER_SEARCH_PATHS = "$(TARGET_BUILD_DIR)/usr/local/lib/include" "$(OBJROOT)/UninstalledProducts/include" "$(OBJROOT)/UninstalledProducts/$(PLATFORM_NAME)/include" "$(BUILT_PRODUCTS_DIR)"
    OTHER_LDFLAGS = -ObjC
    SWIFT_OBJC_BRIDGING_HEADER = $(PROJECT_DIR)/$(PROJECT_NAME)/Bridging-Header.h

$ 

ionic info

$ ionic info
✔ Gathering environment info - done!

Ionic:

   ionic (Ionic CLI)  : 4.2.1
   Ionic Framework    : ionic-angular 3.9.2
   @ionic/app-scripts : 3.2.1

Cordova:

   cordova (Cordova CLI) : 8.1.2 (cordova-lib@8.1.1)
   Cordova Platforms     : android 7.1.4, browser 5.0.4, ios 4.5.5
   Cordova Plugins       : cordova-plugin-ionic-keyboard 2.0.5, cordova-plugin-ionic-webview 1.1.1, (and 20 other plugins)

System:

   NodeJS : v11.10.0 (/usr/local/Cellar/node/11.10.0/bin/node)
   npm    : 6.7.0
   OS     : macOS High Sierra
   Xcode  : Xcode 10.1 Build version 10B61

$ 

Posts: 1

Participants: 1

Read full topic

@Hammad6264 wrote:

Hey Guys, hope you will be fine. Actually, I need some help from you. I have a ionic project with woocommerce. The problem is that, I want to check if the user course enrolled or not. And if the user is not enrolled the course, the course should not appear him, before purchasing. And if the user is enrolled the course, the course should appear him. Please help??

Posts: 1

Participants: 1

Read full topic

@taimooralam wrote:

Hi everyone i am developing an app for windows 10 surface using ionic but when i run the basic boiler plate project i see this in case of windows

forum.png1727×888 129 KB

Posts: 1

Participants: 1

Read full topic

@paulbuscano003 wrote:

Hi,

I have ionic 3 ionic cordova plugin add cordova-plugin-youtube-video-player and when test it in my device it doesn’t work.

package.json
    "@ionic-native/youtube-video-player": "^5.0.0",

config.xml
    <preference name="YouTubeDataApiKey" value="AIzaSyBU7865vDB9p9APyxKtJC2bjrpf7XqiVbo" />

home.ts
import { YoutubeVideoPlayer } from '@ionic-native/youtube-video-player/ngx';

constructor(private youtube: YoutubeVideoPlayer) {
}

  openYoutube() {
    this.youtube.openVideo('F9yf6TtVMmI');
  }

home.html
<button tappable (click)="openYoutube()" class="btn-preview" ion-button color="light" outline small>TEST YOUTUBE</button>

please see screenshot.

Screen Shot 2019-03-21 at 3.25.45 PM (2).png1680×1050 556 KB

Posts: 1

Participants: 1

Read full topic

@NaseerAhmad wrote:

Hi everyone,

I’m tying to add html in my ionic modal’s ion-content which comes from admin dashboard but not yet succeeded any help is appreciated.
my HTML is

<p>Email to <button ion-button block icon-start (click)="sendMail('email@gmail.com')"><ion-icon name="mail"></ion-icon> email@gmail.com</button></p>
<p>&nbsp;</p>
<p>Call <button ion-button block icon-start (click)="callTel('123456789')"><ion-icon name=    "call"></ion-icon>123456789</button></p>

I’ve tried [innerHTML] and jquery’s append methods but in both cases only text is appeared button styles are not applied and functions are not called.

Also tried with pipe for safe HTML (using DomSanitizer).

transform(value: any, args?: any): any {
    return this.sanitizer.bypassSecurityTrustHtml(value);
  }

Thanks

Posts: 1

Participants: 1

Read full topic

@lohith95 wrote:

Hi ,

I have a filter page and i am trying to call that page from 2 different pages, but its giving the error. But i know its something related to sharing components. Can anyone help me with these?

Posts: 1

Participants: 1

Read full topic

@blondie63 wrote:

Someone have found and error like this?

i4-core-js-3-err-router.png2302×642 181 KB

Posts: 1

Participants: 1

Read full topic

@roklenardic wrote:

Hi, I would like to extend my Ionic 3 app to provide the following functionality: when reading an NFC tag, my application is started and the read tag info is passed to it.

I cannot glue together a number of different articles to get this working as I am stuck already on app registration. When my app is installed on android, it does not appear in the list of offered apps that know how to handle NFC tags? How should this be configured in ionic/cordova/AndroidManifest.xml?

Thanks

Posts: 1

Participants: 1

Read full topic