javascript - “typeof Observable”类型上不存在属性“interval”。虽然是进口的
问题描述
“typeof Observable”类型上不存在属性“interval”。即使它是进口的,我也不知道为什么它不起作用。我看过一些关于这个涉及角度 6 的帖子,但这是角度 11,所以我希望有人能帮我解决这个问题。
import { Component, OnInit } from '@angular/core';
import { TokenService } from '../../authentication/services/token.service';
import { Router } from '@angular/router';
import { HttpErrorResponse } from '@angular/common/http';
import { AdminService } from '../../authentication/services/admin.service';
import { CrudService } from '../services/crud.service';
import { Observable } from 'rxjs';
import { switchMap, startWith } from 'rxjs/operators';
@Component({
selector: 'app-admin-dashboard',
templateUrl: './admin-dashboard.component.html',
styleUrls: ['./admin-dashboard.component.css'],
})
export class AdminDashboardComponent {
constructor(
private _token: TokenService,
private _router: Router,
private _admin: AdminService,
private _crud: CrudService
) {}
adminId: string;
adminName: string;
adminEmail: string;
userCount$: Observable<any>;
userCount: string;
ngOnInit(): void {
this._token.verifyToken().subscribe(
(res) => {
this.adminId = res.admin._id;
localStorage.setItem('adminid', this.adminId);
this._admin.getAdminById(this.adminId).subscribe((res) => {
this.adminName = res.admin.name;
this.adminEmail = res.admin.email;
// this._crud.getUserCount().subscribe((count) => {
// this.userCount$ = count.count;
// });
this.userCount$ = Observable.interval(1000)
.startsWith(0)
.switchMap(() => {
this._crud.getUserCount().subscribe((count) => {
this.userCount = count.count;
});
});
});
},
(err) => {
if (err instanceof HttpErrorResponse) {
if (err.status === 400) {
this._router.navigate(['/login']);
}
}
}
);
}
}
解决方案
尝试这个:
import { interval } from 'rxjs';
....
interval(1000).startWith.... // Change Observable.interval to interval and import it from rxjs.
推荐阅读
- c# - Xamarin Forms 导航缓慢
- javascript - 当来自 API 的数据时如何在 Reactjs 中使用 Datatable
- sql - 仅使用一个属性值过滤我们的结果
- javascript - 刽子手游戏。我把逻辑搞砸了,但我似乎无法让它工作......关于我错过了什么或做错了什么的任何指针?
- c# - IdentityServer4 使用 ApiKey 或 Basic 直接对 API 进行身份验证
- java - 如何在类中包含 main 方法,其中包含在 main 中调用的实例的定义?
- wpf - 发布时如何只有最新版本
- javascript - 在nodejs应用程序中写入两次后JSON文件为空
- python-3.x - Odoo 12:如何防止执行默认字段方法
- javascript - Angular 10添加数字