作者:Eva绫波_772 | 来源:互联网 | 2022-12-10 12:08
我试图在中调用一个函数ngOnInit()
并将其提供两个值。所以这是我试图在内部调用的函数ngOnInit
:
this.complexWordIdentification(this.postIWant, this.theHardWords);
这里的问题在于,this.postIWant
并且您this.theHardWords
正逐渐解决问题,ngOnInit
如下所示,这导致了错误。现在,我该如何调用this.complexWordIdentification(this.postIWant, this.theHardWords);
并将其输入这些值而又不会出错?
我一直在考虑等待功能吗?但我不知道,对此有何建议?
这是我的ngOnInit
:
ngOnInit() {
this.isLoading = true;
this.wordsLoaded = false;
this.postLoaded = false;
this.form = new FormGroup({
annotation: new FormControl(null, {
validators: [
Validators.required,
Validators.minLength(8),
Validators.maxLength(250)
]
})
});
this.id = this.route.snapshot.paramMap.get('postId');
this.annotationService.getWords();
this.annotatiOnSub= this.annotationService
.getWordUpdateListener()
.subscribe((thewords: ComplexWord[]) => {
this.thewords = thewords;
this.thewords.map(word => {
this.theHardWords.push(word.word);
this.wordWithAnnotation.push(word);
});
this.wordsLoaded = true;
this.isLoading = this.postLoaded && this.wordsLoaded;
});
this.postsService.getPosts();
this.postsSub = this.postsService
.getPostUpdateListener()
.subscribe((posts: Post[]) => {
this.posts = posts;
this.posts.map(post => {
if (post.id === this.id) {
this.postIWant = post.fileText;
}
});
this.postLoaded = true;
this.isLoading = !(this.postLoaded && this.wordsLoaded);
});
this.role = this.authService.getUserRole();
this.userIsAuthenticated = this.authService.getIsAuth();
this.authStatus = this.authService
.getAuthStatus()
.subscribe(isAuthenticated => {
this.userIsAuthenticated = isAuthenticated;
this.role = this.authService.getUserRole();
});
}
如果有人能指出正确的方向,那将是很好的,因为我在这一领域经验不足。目前,我不得不在this.complexWordIdentification(this.postIWant, this.theHardWords);
外部调用ngOnInit
以避免该错误,但是显然,我想自动调用它。
1> Calidus..:
forkJoin
将两个订阅合并为一个订阅,并返回其结果数组。ngOnInit
当您需要多个来源的数据才能完成组件的加载时,使用它非常有用。
https://www.learnrxjs.io/operators/combination/forkjoin.html
import { Observable } from "rxjs/Observable";
Observable.forkJoin(
this.annotationService.getWordUpdateListener(),
this.postsService.getPostUpdateListener()
).subscribe((data) => {
// data[0] result from getWordUpdateListener
this.thewords = data[0];
this.thewords.map(word => {
this.theHardWords.push(word.word);
this.wordWithAnnotation.push(word);
});
this.wordsLoaded = true;
// data[1] result from getPostUpdateListener
this.posts.map(post => {
if (post.id === this.id) {
this.postIWant = post.fileText;
}
});
this.postLoaded = true;
this.isLoading = false;
this.complexWordIdentification(this.postIWant, this.theHardWords);
}, (err) => {
// error handling
});
编辑:在RXJS 5及以下版本中添加了Observable的导入声明
编辑:RXJS 6更新,更改导入语句
import { forkJoin} from 'rxjs';
forkJoin(this.annotationService.getWordUpdateListener(),
this.postsService.getPostUpdateListener()
).subscribe((data) => { \\do stuff}, (err) => { \\ do error stuff}
编辑2:RXJS更改了forkJoin的签名,现在需要一个数组
forkJoin([this.annotationService.getWordUpdateListener(),
this.postsService.getPostUpdateListener()]
).subscribe((data) => { \\do stuff}, (err) => { \\ do error stuff}