Why not update the Ionic 3 Tabs news

0

I'm having a big problem, is that when I try to update from my api the notes that I upload in wordpress are updated also in the application created in ionic, I have been told in forums that is why I use tabs, but I do not see the logic that is not updated.

Ionic version: 3.20.0 Cordova version: 8.0.0 npm version: 5.6.0

my provider is wordpress.ts

import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import 'rxjs/add/operator/toPromise';
//config constants
export const WORDPRESS_URL = 'http://despertadorlavalle.com.ar';
export const WORDPRESS_REST_API_URL = '${ WORDPRESS_URL }/wp-json/wp/v2/posts?categories=817';
@Injectable()
export class WordpressProvider {
  constructor(private http: HttpClient) {
  }
  public async getRecentPosts(page: number = 1): Promise<any> {
    return this.http.get(WORDPRESS_REST_API_URL).toPromise();
    }
}

where I carry this api, it is to home.ts and I show it by home.html Home.TS:

import { Component } from '@angular/core';
import { NavController, LoadingController } from 'ionic-angular';
import { Observable } from 'rxjs';
import { SinglepostPage } from '../../pages/singlepost/singlepost';
import {WordpressProvider} from '../../providers/wordpress/wordpress';
@Component({
  selector: 'page-home',
  templateUrl: 'home.html'
})
export class HomePage {
  posts: Array<any> = new Array<any>();
  constructor(
    private navCtrl: NavController,
    private wordpressProvider: WordpressProvider,
    private loadingCtrl: LoadingController,
  ) {}
  public async doRefresh(refresher): Promise<void> {
    this.posts = [];
        this.posts = await this.wordpressProvider.getRecentPosts();
    refresher.complete();
    console.log("actualize");
    }
public async ionViewWillEnter(): Promise<void> {
        let loading = this.loadingCtrl.create();
    loading.present();
        this.posts = await this.wordpressProvider.getRecentPosts();
        loading.dismiss();
}
public itemTapped(post){
  this.navCtrl.push(SinglepostPage, {
   post_data:post
  });
}}

and my home.html is this

<ion-header >
  <ion-navbar text-center color="dark" >
    <ion-title>
    <div class="header">
         <img src="https://image.ibb.co/kkwS88/2.png" style="width:200px;">
     </div>
    </ion-title>
  </ion-navbar>
</ion-header>
<ion-content>
  <ion-refresher (ionRefresh)="doRefresh($event)">
    <ion-refresher-content></ion-refresher-content>
  </ion-refresher>
  <hr>
   <ion-title color="primary">Ultimas Noticias</ion-title>
   <ion-list>
    <button ion-item *ngFor="let post of posts" (click)="itemTapped(post)">
    <ion-card-title>{{post.title.rendered}}</ion-card-title>
    <hr style="color: rgba(77, 54, 54, 0.342);">
    <img *ngIf="post.featured_image_urls.medium && post.featured_image_urls.medium" [src]="post.featured_image_urls.medium" class="img-notice">
    <div class="container"> <p [innerHTML]="post.excerpt.rendered"></p> </div>
    <p>{{post.date | date:'dd/MM/yyyy'}}</p>
    <button ion-button full color="dark" (click)="itemTapped(post)">Leer mas!</button>
    </button>
  </ion-list>
</ion-content>
    
asked by Aldo Gabriel Martinez 01.06.2018 в 13:53
source

0 answers