uterLink]="['../news-detail' , news.id]"> 77
+          <ion-card-title class="title-txt" [innerHTML]="news.title.rendered"></ion-card-title>
78
+        </a>
79
+      </ion-card-header>
80
+      <ion-card-content text-justify [innerHTML]="news.excerpt.rendered" class="content-txt"></ion-card-content>
81
+      <ion-item>
82
+        <ion-icon name="time-outline"></ion-icon>
83
+        <ion-label class="txt-date pl-5">{{news.date | date }}</ion-label>
84
+      </ion-item>
85
+    </ion-card>    
67 86
   </ion-grid>
68 87
   <ion-grid>
69 88
     <img src="../../../assets/img-static/banner-320x100.jpeg" alt="">
70
-  </ion-grid>  
89
+  </ion-grid>
71 90
 </ion-content>

+ 16 - 8
src/app/news/news.page.ts

@@ -10,19 +10,27 @@ import { map } from 'rxjs/operators';
10 10
 })
11 11
 export class NewsPage implements OnInit {
12 12
 
13
-  newsdata: any;
13
+  // newsdata: any;
14 14
   // data: Observable;
15
+  newsdata: any = [];
15 16
 
16 17
   constructor(private wpgetdataService: WpdataService) { }
17 18
 
18 19
   ngOnInit() {
19
-    this.wpgetdataService.getAllNews().subscribe(data => {
20
-      // this.jsonService.getSummaryData().subscribe((data) => {      
21
-      // this.newsdata = data;
22
-      // console.log('load Static Data');
23
-      console.log("get News:");
24
-      console.log(data);
25
-    });
20
+
21
+  }
22
+
23
+
24
+  ionViewWillEnter() {
25
+    // this.wpgetdataService.getAllNews().subscribe((data => {
26
+    //   console.log("get News:");
27
+    //   console.log(data);
28
+    //   this.newsdata = JSON.parse(data.data);
29
+    this.wpgetdataService.getAllNews().subscribe((data) => {
30
+      this.newsdata = data;
31
+      console.log('load Lineup Data');
32
+      console.log(this.newsdata);
33
+      });
26 34
   }
27 35
 
28 36
 }

+ 14 - 2
src/app/services/wpdata.service.ts

@@ -2,17 +2,29 @@ import { Injectable } from '@angular/core';
2 2
 import { Observable } from 'rxjs';
3 3
 import { map } from 'rxjs/operators';
4 4
 import { HttpClient, HttpHeaders } from '@angular/common/http';
5
+import { Storage } from '@ionic/storage-angular';
5 6
 
6 7
 @Injectable({
7 8
   providedIn: 'root'
8 9
 })
9 10
 export class WpdataService {
10 11
 
11
-  constructor(private http: HttpClient) { }
12
+  constructor(private http:HttpClient) { }
12 13
 
14
+  // getAllNews() {
15
+  //   return this.http.get(
16
+  //     "../assets/api/news-api.json"      
17
+  //   );
18
+  // }
13 19
   getAllNews() {
14 20
     return this.http.get(
15
-      "../assets/api/news-api.json"      
21
+      "https://dev-web-fm99.mcot.net/wp-json/wp/v2/news?_embed"
16 22
     );
17 23
   }
24
+
25
+  getNewsDetail(id) {
26
+    let url = 'https://dev-web-fm99.mcot.net/'
27
+    const route = url + 'wp-json/wp/v2/' + 'news/' + id + '?_embed';
28
+    return this.http.get(route);
29
+  }
18 30
 }

tum/shaqfindbeds - Gogs: Simplico Git Service

Geen omschrijving

tum a9313dd8ef golf sample 5 jaren geleden
..
fruit a9313dd8ef golf sample 5 jaren geleden