Angular 导致错误的原因:使用http服务时未激活出口?

Angular 导致错误的原因:使用http服务时未激活出口?,angular,angular2-routing,angular2-services,Angular,Angular2 Routing,Angular2 Services,我的angular2应用程序使用ngfor指令显示json数组中的数据。之前,为了进行测试,我将json数组硬编码到组件中,应用程序工作得非常好。现在,我已经为一个使用http请求提供json数组的服务关闭了硬编码json数组。我可以点击提供这些数据的链接几次(2-4次不等),它工作正常,然后抛出错误 这是app.routes.ts ... {path:'deals', component:Deals}, ... 路由器链路 <li id="deals" (click)="loadFie

我的angular2应用程序使用ngfor指令显示json数组中的数据。之前,为了进行测试,我将json数组硬编码到组件中,应用程序工作得非常好。现在,我已经为一个使用http请求提供json数组的服务关闭了硬编码json数组。我可以点击提供这些数据的链接几次(2-4次不等),它工作正常,然后抛出错误

这是app.routes.ts

...
{path:'deals', component:Deals},
...
路由器链路

<li id="deals" (click)="loadField('deals')"><a [routerLink]="['/deals']"><p class="propertyNavItem" id="dealsText">Deals</p></a></li>
抛出的错误如下。看起来和问题是一样的

EXCEPTION:Error:Uncaught(承诺中):Error:Outlet未激活浏览器适配器。js:86
异常:错误:未捕获(承诺中):错误:未激活插座。js:77:13
STACKTRACE:browser_adapter.js:77:13
resolvePromise@http://localhost:4200/vendor/zone.js/dist/zone.js:538:32

makeResolver/http是一种异步操作。呈现模板时,列表变量可能尚未填充

尝试在ngFor中使用“elvis运算符”(?),如下所示:

*ngFor="let listElement of list?"

http是一种异步操作。呈现模板时,列表变量可能尚未填充

尝试在ngFor中使用“elvis运算符”(?),如下所示:

*ngFor="let listElement of list?"

另外,如果它工作一次或两次,那么它应该一直工作,get请求是对本地文件而不是服务器的。这似乎是一个开放的问题,而且如果它工作一次或两次,那么它应该一直工作,get请求是对本地文件而不是服务器的。这似乎是一个开放的问题
EXCEPTION: Error: Uncaught (in promise): Error: Outlet is not activated browser_adapter.js:86
EXCEPTION: Error: Uncaught (in promise): Error: Outlet is not activated browser_adapter.js:77:13

STACKTRACE: browser_adapter.js:77:13

resolvePromise@http://localhost:4200/vendor/zone.js/dist/zone.js:538:32
makeResolver/<@http://localhost:4200/vendor/zone.js/dist/zone.js:515:14
Zone</ZoneDelegate</ZoneDelegate.prototype.invoke@http://localhost:4200/vendor/zone.js/dist/zone.js:323:20
NgZoneImpl/this.inner<.onInvoke@http://localhost:4200/vendor/@angular/core/src/zone/ng_zone_impl.js:45:32
Zone</ZoneDelegate</ZoneDelegate.prototype.invoke@http://localhost:4200/vendor/zone.js/dist/zone.js:322:20
Zone</Zone</Zone.prototype.run@http://localhost:4200/vendor/zone.js/dist/zone.js:216:25
scheduleResolveOrReject/<@http://localhost:4200/vendor/zone.js/dist/zone.js:571:53
Zone</ZoneDelegate</ZoneDelegate.prototype.invokeTask@http://localhost:4200/vendor/zone.js/dist/zone.js:356:24
NgZoneImpl/this.inner<.onInvokeTask@http://localhost:4200/vendor/@angular/core/src/zone/ng_zone_impl.js:36:32
Zone</ZoneDelegate</ZoneDelegate.prototype.invokeTask@http://localhost:4200/vendor/zone.js/dist/zone.js:355:24
Zone</Zone</Zone.prototype.runTask@http://localhost:4200/vendor/zone.js/dist/zone.js:256:29
drainMicroTaskQueue@http://localhost:4200/vendor/zone.js/dist/zone.js:474:26
ZoneTask/this.invoke@http://localhost:4200/vendor/zone.js/dist/zone.js:426:22
 browser_adapter.js:77:13
*ngFor="let listElement of list?"