订阅承诺时出错

Question

页面加载时出现错误提示

people.ts?9320:22 SyntaxError: Unexpected token 
<(…)PeopleComponent.apiService.people.subscribe.error @ people.ts?
9320:22SafeSubscriber.__tryOrUnsub @ VM38600:166SafeSubscriber.error @ 
VM38600:127Subscriber._error @ VM38600:77Subscriber.error @ 
VM38600:57MapSubscriber._next @ VM38955:51Subscriber.next @ 
VM38600:51onLoad @ VM38808:57ZoneDelegate.invokeTask @ 
VM38526:423NgZoneImpl.inner.inner.fork.onInvokeTask @ 
VM38628:36ZoneDelegate.invokeTask @ VM38526:422Zone.runTask @ 
VM38526:320ZoneTask.invoke @ VM38526:490

这是我的代码：

export class PeopleComponent {
    people: any;
    constructor(apiService: Api) {
        apiService.people
            .subscribe({
                next: x => (this.people = x),
                error: e => console.error(e), //error line 22 is here!
                complete: () => console.log('Completed!')
            });
    }
}

我的 API 服务：

import {Injectable} from 'angular2/core';
import { Http } from 'angular2/http';

@Injectable()
export class Api {
  people: any;

  constructor(http: Http) {
    this.people = http.get(require('./people.json'))
      .map(response => response.json());
  }
}

有什么想法吗？

Answer 1

您可以尝试这样订阅：

apiService.people
      .subscribe(
        x => {this.people = x;},
        e => {console.error(e);},
        () => {console.log('Completed!');}
      });

请参阅此文档：

• https://github.com/Reactive-Extensions/RxJS/blob/master/doc/api/core/operators/subscribe.md