Получить значение массива json из наблюдаемого и передать данные веб-интерфейсу

Попытка получить массив JSON с json-сервера с помощью наблюдаемых, а затем передать значение интерфейсу и выполнить поиск в массиве JSON, полученном через наблюдаемые

создал службу и использовал HTTP-запрос для подключения к серверу и подписался на него. Создал цикл для получения значения из возвращенного значения подписки.

**service.ts**
export class FormdtService {
  baseul='http://localhost:3000/objects'//jsonserver url
  constructor(private http:HttpClient) { }
  getdt():Observable<any>{
    return this.http.get(this.baseul)
  }
}

**component.ts**
export class FormsComponent implements OnInit {
  constructor(public fbu:FormBuilder,private fdts:FormdtService) {}
  //creates the reactive form
 form=this.fbu.group({
    un:'',
    id:''
   })
 //  baseul='http://localhost:3000/objects/';
//ngsubmit control of form brings this function
  ser(){
    this.fdts.getdt().subscribe(dt=>{
      console.log("data: "+dt[0])
      this.formdt.push(dt)
      //console.log("formdt :"+this.formdt[0])
    for (let ite in this.formdt){
      let ite1=JSON.parse(ite)
     // console.log("ite :"+this.formdt[ite]);
      //console.log("ite1"+ite1);
      this.idlist.push(ite1.person.bioguideid.value)
if(ite1.person.bioguideid.stringify==this.idsearch)
this.objson=ite1
    }});
  }
idsearch:string
formdt:string[]
idlist:string[]
objson:JSON
  ngOnInit() {

  }
 //this function is attached to button in frontend
 ser(){
    this.fdts.getdt().subscribe(dt=>
this.formdt.push(dt)//subscribes to service
    for (let ite in this.formdt){
      let ite1=JSON.parse(ite)
      this.idlist.push(ite1.person.bioguideid.value)
if(ite1.person.bioguideid.value==this.idsearch)
this.objson=ite1
  })}
**json**
[
  {
    "caucus": null,
    "congress_numbers": [
      114,
      115,
      116
    ],
    "current": true,
    "description": "Senior Senator for Tennessee",
    "district": null,
    "enddate": "2021-01-03",
    "extra": {
      "address": "455 Dirksen Senate Office Building Washington DC 20510",
      "contact_form": "http://www.alexander.senate.gov/public/index.cfm?p=Email",
      "fax": "202-228-3398",
      "office": "455 Dirksen Senate Office Building",
      "rss_url": "http://www.alexander.senate.gov/public/?a=rss.feed"
    },
    "leadership_title": null,
    "party": "Republican",
    "person": {
      "bioguideid": "A000360",
      "birthday": "1940-07-03",
      "cspanid": 5,
      "firstname": "Lamar",
      "gender": "male",
      "gender_label": "Male",
      "lastname": "Alexander",
      "link": "https://www.govtrack.us/congress/members/lamar_alexander/300002",
      "middlename": "",
      "name": "Sen. Lamar Alexander [R-TN]",
      "namemod": "",
      "nickname": "",
      "osid": "N00009888",
      "pvsid": "15691",
      "sortname": "Alexander, Lamar (Sen.) [R-TN]",
      "twitterid": "SenAlexander",
      "youtubeid": "lamaralexander"
    },
    "phone": "202-224-4944",
    "role_type": "senator",
    "role_type_label": "Senator",
    "senator_class": "class2",
    "senator_class_label": "Class 2",
    "senator_rank": "senior",
    "senator_rank_label": "Senior",
    "startdate": "2015-01-06",
    "state": "TN",
    "title": "Sen.",
    "title_long": "Senator",
    "website": "https://www.alexander.senate.gov/public"
  },//end of single json array object
  {
    "caucus": null,
    "congress_numbers": [
      114,
      115,
      116
    ],  
"current": true,
    "description": "Senior Senator for Maine",
    "district": null,....same repetition of structure

Функция ser должна передать весь массив JSON, присутствующий на сервере, в formdt [], а затем выполнить итерацию по нему и получить каждый объект, преобразовать в JSON и отправить биогид в массив идентификаторов, выполнить поиск идентификатора из ввода и сопоставить с вложенным значением JSON каждого объекта в массив ничего не происходит, выдает ошибку в консоли:

_this.formdt не определен в строке 37 (this.fdts.getdt().subscribe(dt=>this.formdt.push=dt))


person Spandan    schedule 04.08.2019    source источник
comment
Я не вижу, где инициализируется formdt. Вы просто объявляете его как string[], но на самом деле вы должны присвоить его массиву: formdt: string[] = []. Вероятно, вам придется сделать то же самое с другими переменными вашего экземпляра.   -  person zolastro    schedule 05.08.2019


Ответы (1)


Данная ошибка довольно очевидна: this.formdt не определено.

Вы объявили тип преперти, но не инициализировали его.

Поэтому замените formdt:string[] на formdt:string[] = []

person Martin Choraine    schedule 04.08.2019
comment
эта ошибка исчезла, спасибо, но произошла еще одна ошибка ite1.person undefined и использование console.log для проверки значений dt или ite, показывающего [объект объекта] для dt, и ite имеет числовой индекс цикла for - person Spandan; 04.08.2019