Как я могу использовать функции плагина cordova в моих угловых файлах 7 component.ts? - PullRequest
Новая
       18

Как я могу использовать функции плагина cordova в моих угловых файлах 7 component.ts?

0 голосов
/ 16 апреля 2019

У меня есть приложение Cordova, где я установил плагин, например, устройство, appversion. На готовом устройстве эти плагины возвращают некоторый глобальный variables как device. Для кода пользовательского интерфейса я использую угловой 7.

Как я могу использовать переменную cordova внутри углового компонента?

Если есть какое-либо объявление переменной на угловой стороне, тогда я хочу сделать это только в одном файле и использовать этот файл во всем угловом приложении.

1 Ответ

0 голосов
/ 16 апреля 2019

Лучший способ сделать это, сохраняя все ваши глобальные переменные из cordova в сервисе, который является общим для root.

В вашем app.component или вашем корневом компоненте объявите эти переменные: 

//Use "declare" to have variables that store cordova and pluggins before Component declaration
declare var StatusBar: any;
declare var cordova: any;
declare var window:any;

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})

В конструкторе компонента введите сервис, который будет хранить детали: 

//In constructor you inject a service (you can call it cordovaService)
cosntructor(private cordovaService:CordovaService){}

Вы должны добавить ngAfterViewInit и добавить document.addEventListener('device ready')

ngAfterViewInit() {
    document.addEventListener('deviceready', this.onDeviceReady.bind(this), false);
  }

В onDeviceReady вы можете обрабатывать и хранить связанные с Cordova вещи: 

onDeviceReady() {
this.cordovaService.cordova=cordova;

 cordova.getAppVersion.getVersionNumber().then(appVersion => {
      console.log(appVersion);
    });

 }

Теперь любой компонент, который внедряет CordovaService, сможет получить доступ и использовать эти данные / переменную.

...