Angular2 http json请求

我正在测试angular2，并试图从restful服务中检索数据

我的服务是这样的：

import {Injectable} from '@angular/core';
import {Http, Response} from '@angular/http';
import {annuaireModel} from '../../models/annuaireModel';
import {Observable} from 'rxjs/Observable';
import 'rxjs/Rx';

@Injectable()
export class annuaireService {

    constructor(private _http: Http) { };

    getAnnuaire( codeRne : string) {

            var url = 'http://192.168.40.30/api/editionsstandardsAPI/lireannuaire?codeEtablissement=' + codeRne ;
      return this._http.get(url).map(res => <annuaireModel>res.json()).catch(this.gestErreur);
    }

    gestErreur(error: Response ) {
      console.error(error);
      return Observable.throw(error.json() || 'Erreur serveur');
    }
    /*getHero(id: number) {
        return Promise.resolve(HEROES).then(heroes => heroes.filter(hero => hero.id === id)[0]);
    }*/
}

我的html：

<h1>Annuaire</h1>
<button (click)="chargerAnnuaire()" type="button">test</button>
<div >
  {{annuaire.entete.raisonSociale}}
</div>

年鉴
测试
{{annuaire.entte.raisonSociale}

当我启动网站时，出现以下错误：

无法读取未定义的属性协约。

我已经测试了我的restful服务，它确实返回了goo json

---

救命啊！我不知道我做错了什么。谢谢

试试

Elvis

操作员

？。

{{ annuaire?.entete.raisonSociale }}

---

如果

annuaire

是

falsy

（未定义、空等），它将无法访问

entete

成员。

您可能还需要

Elvis

操作符来访问

entete

。您完全正确！！我写了这个：{{annuaire？.entete？.raisonSociale}}它工作得很好。我已经尝试过elvis运算符，但仅在第一个元素上尝试过，而在第二个元素上尝试过。非常感谢安德烈

{{ annuaire?.entete.raisonSociale }}