получить локальное уведомление от Json URL - PullRequest
Новая
       19

получить локальное уведомление от Json URL

0 голосов
/ 23 февраля 2019

У меня есть ионное приложение для подробной информации о расписании рейсов с использованием данных json api. Я хочу, чтобы, когда пользователь нажимал на звонок, он получал уведомление о статусе рейса, если он прибывает, задерживается или приземлился.l Установлено Местные уведомления родной для ионных.

enter image description here

home.ts хранение данных json url 

  constructor(private http: HTTP, private localNotifications: LocalNotifications) {

 this.getdata()
   }


    async getdata() {

     const loading = await this.loadingController.create({
       message: 'Loading'
     });
     await loading.present();

      this.http.get('/airport.json?code=bs', {}, {})
      .then(data => {

         this.test = JSON.parse(data.data);
         const parsed = JSON.parse(data.data);
        this.yestrday = parsed.result.response.airport.pluginData.schedule.arrivals.data;
         loading.dismiss()



       }), err=>{
         this.test =err
        loading.dismiss()
     } 

 }
 navigate(item,aiprot,time,type,status,airline,logo){
this.nav.navigateForward(`/flightserachdetails/${item}/${aiprot}/${time}/${type}/${status}/${airline}/${logo}`);
 }
 }

страница с данными о рейсе 

    export class FlightserachdetailsPage {

      public flight : any

      callsign =null
      airport = null 
      status = null
      aircraft = null
      airline = null
      time = null
      logo = null
      constructor(private http: HTTP, public loadingController: LoadingController,private localNotifications: LocalNotifications,
                   private nav : NavController,private activatedRoute : ActivatedRoute) {
                    this.activatedRoute.params.subscribe((params) => {
                      this.callsign = params['callsign'];
                      this.airport = params['airport'];
                      this.time = params['time'];
                      this.aircraft = params['aircraft'];
                      this.status = params['status'];
                      this.airline = params['airline'];
                      this.logo = params['logo'];



                    });

       }

   AlertFlight(){
    if (this.status=='Landed') {
      this.localNotifications.schedule({
        title: 'My first notification',
        text: 'flight is landed',
        foreground: true

      });
    }
  }
    }

html 

<button item-right clear (click)="AlertFlight()">

Ответы [ 2 ]

0 голосов
/ 24 февраля 2019

Вот пример для простого js, он работает так же, как и в угловом. 

<!DOCTYPE html>
<html>
  <head>
    <script src="https://npmcdn.com/@reactivex/rxjs@5.0.0-beta.7/dist/global/Rx.umd.js"></script>
    <script>
      let subject = new Rx.Subject();
      let status = "";
      Rx.Observable.of("").subscribe(x => {
        setTimeout(() => {
          status = "departed";
          subject.next("status");
        }, 1000),
          setTimeout(() => {
            status = "enroute";
            subject.next(status);
          }, 10000),
          setTimeout(() => {
            status = "landed";
            subject.next(status);
          }, 10000);
      });

      subject.subscribe(x => {
        AlertFlight();
      });
      function AlertFlight() {
        if (status == "landed") {
          console.log("landed alert");
        }
      }
    </script>
    <title>Page Title</title>
  </head>
  <body></body>
</html>
0 голосов
/ 23 февраля 2019

Состояние, которое вы проверяете в методе AlertFlight (), равно this.status=='landed', но на изображении вы видите состояние ' Landed '. Поэтому измените условие следующим образом 

   AlertFlight(){
    if (this.status=='Landed') {
      this.localNotifications.schedule({
        title: 'My first notification',
        text: 'flight is landed',
        foreground: true

      });
    }
  }
...