Как получить значение массива JSON в результате запроса get?

Question

Как получить значение массива JSON в результате получения запроса?

   @Component({
     selector: 'app-navbar',
     templateUrl: './navbar.component.html',
    styleUrls: ['./navbar.component.css']
      })
     export class NavbarComponent implements OnInit {

    countries = ["Ukraine", "RSA"];
    data: Array<Country> = new Array();

      constructor(private http: HttpClient) { }

    ngOnInit(): void {

    this.http.get<Array<Country>>('http://localhost:8080/countries/db')
      .subscribe(data => {
        this.data = data;
      });

    console.log(this.data);
  }

}

JSON

[
  {
    "country": "Vatican-City"
  },
  {
     "country": "Zambia"
 },
 {
        "country": "Zimbabwe"
 }
]

Я хочу сохранить значение JSON как строковый массив в переменной данных с Angular

Answer 1

Я не уверен, понял ли я:

this.http.get<Array<Country>>('http://localhost:8080/countries/db')
      .subscribe(data => {
        const countries = data;
        const countriesLis: Array<string> = new Array<string>()
        for( let country of countries) {
           countriesList.push(country);
         }
        this.data = countriesList;
      });

Answer 2

Попробуйте stringify ():

const data= { name: "John", age: 30, city: "New York" };
this.data = JSON.stringify(data);