load api news page

src/app/news/news.page.ts

@@ -1,4 +1,7 @@
 import { Component, OnInit } from '@angular/core';
+import { WpdataService} from '../services/wpdata.service';
+import { Observable } from 'rxjs';
+import { map } from 'rxjs/operators';
 
 @Component({
   selector: 'app-news',
@@ -7,9 +10,19 @@ import { Component, OnInit } from '@angular/core';
 })
 export class NewsPage implements OnInit {
 
-  constructor() { }
+  newsdata: any;
+  // data: Observable;
+
+  constructor(private wpgetdataService: WpdataService) { }
 
   ngOnInit() {
+    this.wpgetdataService.getAllNews().subscribe(data => {
+      // this.jsonService.getSummaryData().subscribe((data) => {      
+      // this.newsdata = data;
+      // console.log('load Static Data');
+      console.log("get News:");
+      console.log(data);
+    });
   }
 
 }

src/app/services/wpdata.service.ts

@@ -1,4 +1,6 @@
 import { Injectable } from '@angular/core';
+import { Observable } from 'rxjs';
+import { map } from 'rxjs/operators';
 import { HttpClient, HttpHeaders } from '@angular/common/http';
 
 @Injectable({
@@ -6,5 +8,11 @@ import { HttpClient, HttpHeaders } from '@angular/common/http';
 })
 export class WpdataService {
 
-  constructor() { }
+  constructor(private http: HttpClient) { }
+
+  getAllNews() {
+    return this.http.get(
+      "../assets/api/news-api.json"      
+    );
+  }
 }

src/assets/api/news-api.json

@@ -1,5 +1,4 @@
-// 20221027103152
-// https://fm99activeradio.mcot.net/wp-json/wp/v2/news?_embed
+
 [
     {
         "id": 10560,