如何在angular2中使用异步主题？

Question

嗨，我有一个简单的组件和一个服务。当用户单击提交按钮时，我正在调用一个服务，其中异步主题向其所有订阅者发出一个值。我已经使用主题完成了它，它工作正常，但我想做它使用异步主题。我在这里做了一个演示http://plnkr.co/edit/tHjPVZ5NurJRWdCM9lbt?p=preview ...这是我的服务...

export class ErrorService{
  latestError:AsyncSubject<>=new AsyncSubject();

  error(){
    this.latestError.next('form submitted');
  }
}

这是我订阅异步主题的组件类

export class AppComponent { 
  result:any;
  constructor(private service:ErrorService){
    this.service.latestError.subscribe(err=> this.result=err);
  }

  onSubmit() { 
    this.service.error();
  }
}

但这是抛出错误...我不知道我在哪里做错了...请有人帮我纠正这个错误并告诉我如何使用异步主题并向其订阅者发出值

Answer 1

您需要以这种方式包含该类：

import {AsyncSubject} from 'rxjs/subject/AsyncSubject';

@Injectable()
export class ErrorService{
  latestError:AsyncSubject<>=new AsyncSubject();
  error(){
    this.latestError.next('form submitted');
  }
}

看到这个 plunkr：http://plnkr.co/edit/SAl4YVXKRWpS7OeTYMrd?p=preview。