如何在angular2中使用异步主题?
How to use async subject in angular2?
你好,我有一个简单的组件,service.When 用户点击提交按钮我正在调用一个服务,其中异步主题向其所有 subscribers.I 完成它使用它工作的主题很好,但我想使用 Async Subject.I 在这里做了一个演示 http://plnkr.co/edit/tHjPVZ5NurJRWdCM9lbt?p=preview ...这是我的服务...
export class ErrorService{
latestError:AsyncSubject<>=new AsyncSubject();
error(){
this.latestError.next('form submitted');
}
}
这是我的组件class,我在其中订阅异步主题
export class AppComponent {
result:any;
constructor(private service:ErrorService){
this.service.latestError.subscribe(err=> this.result=err);
}
onSubmit() {
this.service.error();
}
}
但这是抛出错误...我不知道我哪里做错了...有人请帮我纠正这个错误并告诉我如何使用异步主题并向其订阅者发送值
您需要以这种方式包含 class:
import {AsyncSubject} from 'rxjs/subject/AsyncSubject';
@Injectable()
export class ErrorService{
latestError:AsyncSubject<>=new AsyncSubject();
error(){
this.latestError.next('form submitted');
}
}
你好,我有一个简单的组件,service.When 用户点击提交按钮我正在调用一个服务,其中异步主题向其所有 subscribers.I 完成它使用它工作的主题很好,但我想使用 Async Subject.I 在这里做了一个演示 http://plnkr.co/edit/tHjPVZ5NurJRWdCM9lbt?p=preview ...这是我的服务...
export class ErrorService{
latestError:AsyncSubject<>=new AsyncSubject();
error(){
this.latestError.next('form submitted');
}
}
这是我的组件class,我在其中订阅异步主题
export class AppComponent {
result:any;
constructor(private service:ErrorService){
this.service.latestError.subscribe(err=> this.result=err);
}
onSubmit() {
this.service.error();
}
}
但这是抛出错误...我不知道我哪里做错了...有人请帮我纠正这个错误并告诉我如何使用异步主题并向其订阅者发送值
您需要以这种方式包含 class:
import {AsyncSubject} from 'rxjs/subject/AsyncSubject';
@Injectable()
export class ErrorService{
latestError:AsyncSubject<>=new AsyncSubject();
error(){
this.latestError.next('form submitted');
}
}