Ionic2 / Angular2 : 쿼리 페이지에 JSON 응답 표시 오류

getUserByEmail 정보 페이지를 만들고 있습니다. 응답을받을 수 있지만 html을 추가하려고하면 오류가 발생합니다.

내 .html은 다음과 같습니다.

<ion-item>
  <ion-label>Email:</ion-label>
  <ion-input [(ngModel)]="keyword" type="text" value=""></ion-input>
</ion-item>
<button (click)="getCustomerbyEmail()">Get Customer</button>

THIS IS WORKING
<p>
  {{response | json}}
</p>
THIS IS NOT WORKING
(...)
<ion-list-header text-center>
      Modifier {{response.username}}
</ion-list-header>
(...)

내 customer.ts :

import {Page, NavController} from 'ionic-angular';
import {Http} from 'angular2/http';
import {Inject} from 'angular2/core'
import {CustomerService} from './customers.service';

@Page({
  templateUrl: 'build/pages/ecommerce/customers/customers.html',
  providers: [CustomerService]
})
export class CustomersPage {

  response:string;
  keyword:string;
  results:string [];
  allCustomers:boolean = false;
  http;

  constructor(public nav: NavController,  httpService:Http, private customerService:CustomerService) {
    this.customerService = customerService;
    this.http = httpService;
    this.keyword = '';
  }

  userPressedCancel() {
      this.keyword = '';
  }

  keyHasBeenPressed(e) {
      if (e.keyIdentifier === 'Enter') {
          this.customerService.getCustomersById(this.keyword)
          .subscribe(
              response => this.response = response,
              error => console.log(error));
      }
  }

  getCustomerbyEmail() {
      this.customerService.getCustomersById(this.keyword)
      .subscribe(
          response => this.response = response,
          error => console.log(error));
  }
}

그리고 마지막으로 내 customer.service.ts :

(...)
  getCustomersById(id) : Observable<any> {
    let headers = new Headers();
    return this._http.get(this._url+this.customers+'/email/'+id+this.urlBase, {
      headers : headers
    }).map(res => res.json().customer);
  }
(...)

getAllCustomers를 수행하면 * ngFor = "# customer of response"를 반복하면 정상적으로 작동합니다.

내가 무엇을 놓치고 있습니까? 감사.

Günter Zöchbauer

안전 탐색 (Elvis) 연산자를 사용하여 response가 아직 설정되지 않은 경우 오류가 발생 하지 않도록합니다.

  Modifier {{response?.username}}

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

DRF 시리얼 라이저의 GraphQL 응답 오류 메시지

분류에서Dev

Mongoose Aggregate 내부에 공개 된 json 응답을 표시하는 쿼리

분류에서Dev

json 쿼리 응답 값이 정의되지 않은 것으로 표시됨

분류에서Dev

ajax 응답에서 파슬리 표시 오류 메시지

분류에서Dev

내 json 응답은 2 차원 배열이므로 UITableView에 해당 응답을 어떻게 표시합니까?

분류에서Dev

ionic2 + angular2 클릭시 글로벌 페이지로 이동

분류에서Dev

Ionic 2 :보기에 JSON 응답을 표시 할 수 없음

분류에서Dev

이미지 Angular2 Ionic2에 그리는 방법

분류에서Dev

ionic2 TypeScript에 오류가 표시됨 : 'google'및 '$'이름을 찾을 수 없지만 Google지도 및 jquery는 계속 작동합니다.

분류에서Dev

Angular2 ExceptionHandler-오류 개체가 응답인지 확인

분류에서Dev

angular2 – 동일한 응답 오류를 여러 번 처리

분류에서Dev

Angular2 오류 응답 없음

분류에서Dev

Angular 2 Http 응답 일반 오류 처리기

분류에서Dev

Ajax 오류 응답을 웹 페이지로 표시

분류에서Dev

Angular2 / Ionic2 : 리스너 내에서 $ http.get 실행

분류에서Dev

angular2 / ionic2에서 동시에 관찰 가능한 요청 수행

분류에서Dev

사용자 정의 사용 ionic2 / Angular2에 대한 http 클래스 확장으로 오류 발생

분류에서Dev

angular2 cli에서 http 응답 배열을 표시하는 방법은 무엇입니까?

분류에서Dev

Ionic2 / Angular2 MailChimp API GET 응답

분류에서Dev

TextView에 json 응답 표시

분류에서Dev

Ionic Serve이 오류 표시 Ionic2

분류에서Dev

HTTP JSON 응답을 HTML (Ionic2, Angular2, TypeScript, PHP, JSON)로 가져 오는 방법은 무엇입니까?

분류에서Dev

Angular2, Ionic2에서 하나의 항목 만 표시하는 방법

분류에서Dev

angular2 매핑 오류 응답

분류에서Dev

JSON 응답이있는 WSO2DSS 중첩 쿼리

분류에서Dev

함수 수준에서 JSON을 가져오고 Angular2의 HTML 페이지에 표시하는 방법

분류에서Dev

Ionic Ionic2 플랫폼 준비에 시간이 오래 걸리는 이유는 무엇입니까?

분류에서Dev

angular2를 사용하여 나머지 API에서 응답 오류를 얻습니다.

분류에서Dev

angular2 애플리케이션에서 JSON 배열 응답 데이터를 얻는 방법

Related 관련 기사

  1. 1

    DRF 시리얼 라이저의 GraphQL 응답 오류 메시지

  2. 2

    Mongoose Aggregate 내부에 공개 된 json 응답을 표시하는 쿼리

  3. 3

    json 쿼리 응답 값이 정의되지 않은 것으로 표시됨

  4. 4

    ajax 응답에서 파슬리 표시 오류 메시지

  5. 5

    내 json 응답은 2 차원 배열이므로 UITableView에 해당 응답을 어떻게 표시합니까?

  6. 6

    ionic2 + angular2 클릭시 글로벌 페이지로 이동

  7. 7

    Ionic 2 :보기에 JSON 응답을 표시 할 수 없음

  8. 8

    이미지 Angular2 Ionic2에 그리는 방법

  9. 9

    ionic2 TypeScript에 오류가 표시됨 : 'google'및 '$'이름을 찾을 수 없지만 Google지도 및 jquery는 계속 작동합니다.

  10. 10

    Angular2 ExceptionHandler-오류 개체가 응답인지 확인

  11. 11

    angular2 – 동일한 응답 오류를 여러 번 처리

  12. 12

    Angular2 오류 응답 없음

  13. 13

    Angular 2 Http 응답 일반 오류 처리기

  14. 14

    Ajax 오류 응답을 웹 페이지로 표시

  15. 15

    Angular2 / Ionic2 : 리스너 내에서 $ http.get 실행

  16. 16

    angular2 / ionic2에서 동시에 관찰 가능한 요청 수행

  17. 17

    사용자 정의 사용 ionic2 / Angular2에 대한 http 클래스 확장으로 오류 발생

  18. 18

    angular2 cli에서 http 응답 배열을 표시하는 방법은 무엇입니까?

  19. 19

    Ionic2 / Angular2 MailChimp API GET 응답

  20. 20

    TextView에 json 응답 표시

  21. 21

    Ionic Serve이 오류 표시 Ionic2

  22. 22

    HTTP JSON 응답을 HTML (Ionic2, Angular2, TypeScript, PHP, JSON)로 가져 오는 방법은 무엇입니까?

  23. 23

    Angular2, Ionic2에서 하나의 항목 만 표시하는 방법

  24. 24

    angular2 매핑 오류 응답

  25. 25

    JSON 응답이있는 WSO2DSS 중첩 쿼리

  26. 26

    함수 수준에서 JSON을 가져오고 Angular2의 HTML 페이지에 표시하는 방법

  27. 27

    Ionic Ionic2 플랫폼 준비에 시간이 오래 걸리는 이유는 무엇입니까?

  28. 28

    angular2를 사용하여 나머지 API에서 응답 오류를 얻습니다.

  29. 29

    angular2 애플리케이션에서 JSON 배열 응답 데이터를 얻는 방법

뜨겁다태그

보관