Как привязать значения, возвращаемые вызовом службы http, к раскрывающемуся полю в пользовательском интерфейсе Angular6 - PullRequest
Новая
       4

Как привязать значения, возвращаемые вызовом службы http, к раскрывающемуся полю в пользовательском интерфейсе Angular6

0 голосов
/ 06 февраля 2019

Когда я вызываю почтовую службу, я получаю ответ, подобный приведенному ниже. Данные полученного от имени bankName я хотел бы использовать в качестве значений выбора для поля, раскрывающегося в моем пользовательском интерфейсе. Как я могу связать эти значения собъект, чтобы я мог сделать интерполяцию в пользовательском интерфейсе для того же.Заранее спасибо. 

"data":[{"bankCode":"1","bankName":"A AND N STATE CO OPERATIVE BANK LTD"},{"bankCode":"2","bankName":"A B E CO OPERATIVE BANK LTD"},{"bankCode":"3","bankName":"A C C BANK"}...

Я пробовал это таким образом, но получаю следующую ошибку

Ошибка: Ошибка: не удается найти другой поддерживающий объект '[object Object]' извведите «объект».NgFor поддерживает только привязку к итерациям, таким как массивы.

Это мой сервисный код -: 

getIncCompany(): Observable<PolicyData> {
  const headers = new HttpHeaders({ 'Content-Type': 'application/json'});
  let body = '{}';
  return this.http
  .post<PolicyData>(this.apiUrl, body, { headers: headers })
    .pipe(
      tap(data => console.log('getIncCompany: ' + JSON.stringify(data))),
      catchError(this.handleError)
    );
}

Это код компонента 

getIncCompany() {
    this.policyService.getIncCompany()
    .subscribe(data => { 
     this.policyinc = data,
    (error: any) => this.errorMessage = <any>error,
    console.log(this.policyinc);
    }
            // this.vehicleDetailsForm.reset(),
);
    }

Иэто HTML-код шаблона 

<div class="col-lg-4 m-form__group-sub">
                                            <mat-form-field class="example-full-width" appearance="outline">
                                                <mat-label> Handicapped Discount
                                                </mat-label>
                                                <mat-select placeholder="Select">
                                                    <mat-option value="option" *ngFor="let polB of policyinc">{{ polB.bankName }}</mat-option>
                                                </mat-select>
                                            </mat-form-field>
                                        </div>
...