Заполните опцию mat-select из файла JSON - PullRequest
0 голосов
/ 16 июня 2019

Я пытался заполнить параметры выбора матов из файла JSON, но появляется ошибка, подобная

SyntaxError: Неожиданный токен n в JSON в позиции 8584 в JSON.parse () в XMLHttpRequest.onLoad

Я создал службу для получения списка:

getCountries(): Observable<ICountry[]>{
    return this.http.get<ICountry[]>(this._url);
  }

Здесь я попытался заполнить массив:

this._countriesService.getCountries()
      .subscribe(data => this.countries = data,
                error => console.log(error));

и HTML-код выглядит так:

<mat-form-field>
<mat-label>Country From</mat-label>
<mat-select>
<mat-option>None</mat-option>
<mat-option *ngFor="let country of countries" [value]="country.name">{{country.name}}</mat-option>
</mat-select>
</mat-form-field>

Файл JSON:

[ 
  {"name": "Afghanistan", "code": "AF"}, 
  {"name": "Åland Islands", "code": "AX"}, 
  {"name": "Albania", "code": "AL"}, 
  {"name": "Algeria", "code": "DZ"}, 
  {"name": "American Samoa", "code": "AS"}, 
  {"name": "AndorrA", "code": "AD"}, 
  {"name": "Angola", "code": "AO"}, 
  {"name": "Anguilla", "code": "AI"}, 
  {"name": "Antarctica", "code": "AQ"}, 
  {"name": "Antigua and Barbuda", "code": "AG"}, 
  {"name": "Argentina", "code": "AR"}, 
  {"name": "Armenia", "code": "AM"}, 
  {"name": "Aruba", "code": "AW"}, 
  {"name": "Australia", "code": "AU"}, 
  {"name": "Austria", "code": "AT"}, 
  {"name": "Azerbaijan", "code": "AZ"}
]

И мне нужно показать все имена, чтобы выбрать мат.Спасибо.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...