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>