Http Get на Угловое 2, прочитать JSON

Question

Я пытаюсь получить данные в формате JSON с API и отобразить его содержимое с помощью углового 2. Conversation компонента:

export class ConversationComponent implements OnInit { 
    public conversation: any; 

    constructor(private conversationsService: ConversationsService, 
       private routeParams: RouteParams) { } 


    ngOnInit() { 
     let id = +this.routeParams.get('id'); 
     this.conversationsService.getConversation(id) 
      .subscribe(
      con => this.conversation = con, 
      error => console.log(this.conversation) 
      ) 
    } 
} 

ComversationsService:

@Injectable() 
export class ConversationsService { 

    private url = 'https://dev4.aldensys.com/PrometheusWebAPI/api/Conversations/'; 
    private token = this.storageService.getAuthorizationToken(); 

    constructor(private http: Http, private storageService: StorageService) { } 

    getConversation(id: number) { 
     var headers = new Headers(); 
     headers.append('Authorization', 'Bearer ' + this.token); 
     var options = new RequestOptions({ headers: headers }); 
     return this.http.get(this.url + id, options) 
      .map(res => res.json()) 
      .catch(this.handleError); 
    } 

    private handleError(error: any) { 
     let errMsg = (error.message) ? error.message : 
      error.status ? `${error.status} - ${error.statusText}` : 'Server error'; 
     console.error(errMsg); // log to console instead 
     return Observable.throw(errMsg); 
    } 
} 

Для некоторых Причина this.conversation не определена. Я попытался предупредить ответ сразу после того, как я перепечатал его в json в служебном файле: он показывает «объект: объект»

Любая помощь будет очень признательна.

Answer 1

Я вижу. Вы проблемой является шаблон показывает ошибку до того, как данные поступают в систему.

использовать этот

{{conversation?.number}}

в Angular2 это не то, что простительно по сравнению с Angular1

Вот ссылка на doc