In my code, I'm getting the error as Property 'cordova' does not exist on type 'Window'.
This is where I'm getting the error
var browserRef = window.cordova.InAppBrowser.open()
I've also installed the typings
but still I'm getting this error. How can I resolve this?
That's just Typescript complaining because cordova
is not part of the window
object definition. There're several ways to avoid that error:
One way is to declare a window
property of type any
, like this:
import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';
declare let window: any; // <--- Declare it like this
@Component({
selector: 'page-demo',
templateUrl: 'demo.html'
})
export class DemoPage {
constructor(public navCtrl: NavController, ...) { }
public yourMethod(): void {
var browserRef = window.cordova.InAppBrowser.open(); // <--- and use it like this
}
}
Another way would be to cast the window
object to be of type any
in the same statement where you want to use it:
var browserRef = (<any>window).cordova.InAppBrowser.open();
// or
var browserRef = (window as any).cordova.InAppBrowser.open();
If you don't want to use any
you could also define the type of the window
object based on the method/s you want to call:
import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';
declare let window: {
cordova: {
InAppBrowser: {
open: () => {};
}
}
}
@Component({
selector: 'page-demo',
templateUrl: 'demo.html'
})
export class DemoPage {
constructor(public navCtrl: NavController, ...) { }
public yourMethod(): void {
var browserRef = window.cordova.InAppBrowser.open();
}
}