[英]Observable.combineLatest is not a function
I have a Home page, somewhere in it the user clicks on Contact me to be redirected to the Contact page: 我有一个主页 ,用户点击它的某个地方联系我以重定向到联系页面:
home.component.html home.component.html
<div>
<a routerLink="/contact" [queryParams]="sendOBj">Contact me</a>
</div>
home.component.ts: home.component.ts:
import { Component, OnInit } from '@angular/core';
import { ActivatedRoute } from '../../../node_modules/@angular/router';
import { FollowersService } from '../followers.service';
@Component({
selector: 'app-home',
templateUrl: './home.component.html',
styleUrls: ['./home.component.css']
})
export class HomeComponent implements OnInit {
myfollowers: any[];
sendOBj: {id: any, name: any};
constructor(private followers: FollowersService, private route: ActivatedRoute) { }
ngOnInit() {
this.myfollowers = this.followers.getFollowers();
this.sendOBj = {id: this.myfollowers[0].id, name: this.myfollowers[0].name };
}
}
contact.component.ts: contact.component.ts:
import { Component, OnInit } from '@angular/core';
import { ActivatedRoute } from '../../../node_modules/@angular/router';
import { Observable } from '../../../node_modules/rxjs/Observable';
import 'rxjs/observable/combineLatest';
@Component({
selector: 'app-contact',
templateUrl: './contact.component.html',
styleUrls: ['./contact.component.css']
})
export class ContactComponent implements OnInit {
constructor( private route: ActivatedRoute) { }
ngOnInit() {
Observable.combineLatest([
this.route.queryParamMap
])
.subscribe(
combined=>{
let id = combined[1].get('id');
console.log('id', id);
}
);
this.route.queryParamMap.subscribe();
}
}
By clicking on Contact me on Home , I get this error: 通过点击在家 联系我 ,我收到此错误:
ContactComponent_Host.ngfactory.js? [sm]:1 ERROR TypeError: Observable_1.Observable.combineLatest is not a function
Please help me find out the problem. 请帮我找出问题所在。
In angular 6, 角度6,
you just need: 您只需要:
import {combineLatest} from "rxjs/index";
and replace 并替换
Observable.combineLatest(...)
by 通过
combineLastest(...)
I solved the problem this way: 我这样解决了问题:
I first upgraded to Angular 6, then modified contact.component.ts like this: 我首先升级到Angular 6,然后像这样修改了contact.component.ts :
import { Component, OnInit } from '@angular/core';
import { ActivatedRoute } from '../../../node_modules/@angular/router';
import { combineLatest } from 'rxjs/operators';
import { CombineLatestSubscriber } from '../../../node_modules/rxjs/operators/combineLatest';
@Component({
selector: 'app-contact',
templateUrl: './contact.component.html',
styleUrls: ['./contact.component.css']
})
export class ContactComponent implements OnInit {
constructor( private route: ActivatedRoute) { }
ngOnInit() {
this.route.paramMap.subscribe();
this.route.queryParamMap.subscribe(
user=>{
console.log('username: ', user.get('name'));
console.log('user id', user.get('id'));
}
);
}
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.