RxJS ids 从类型字符串到类型数字

Question

我希望我的 id 是数字而不是字符串，所以我通过一些在线教程将类型：字符串部分更改为类型：数字，但即使将所有字符串部分更改为数字，它也不会在 ng-server 中呈现，例如

  getJobIds(): Observable<number[] | any> {
    return of(JOBS.map(job => job.id));
  }

从

  getJobIds(): Observable<string[] | any> {
    return of(JOBS.map(job => job.id));
  }

和

export class JobDetailComponent implements OnInit {

  job: Job;
  jobIds: number[];
  prev: number;
  next: number;

  constructor(
    private jobservice: JobService,
    private route: ActivatedRoute,
    private location: Location
  ) { }

  ngOnInit() {
    this.jobservice.getJobIds().subscribe(jobIds => this.jobIds = jobIds);
    this.route.params.pipe(switchMap((params: Params) => this.jobservice.getJob(params['id'])))
    .subscribe(job => { this.job = job; this.setPrevNext(job.id); });
  }

  goBack(): void {
    this.location.back();
  }

  setPrevNext(jobId: number) {
    const index = this.jobIds.indexOf(jobId);
    this.prev = this.jobIds[(this.jobIds.length + index - 1) % this.jobIds.length];
    this.next = this.jobIds[(this.jobIds.length + index + 1) % this.jobIds.length];
  }

}

请注意
这段代码中的所有数字单词都是在线教程中的字符串。

Answer 1

您已经更改了 observable 的预期，但它不会影响任何内容，直到它发出 JOB id 类型的类型。 如果该类型是字符串，您还需要：

getJobIds(): Observable<number[] | any> {
    return of(JOBS.map(job => parseInt(job.id)));
  }

我假设 ids 是整数

Answer 2

Params返回一个字符串，因此您需要将其中的值转换为数字

params['id]将变成Number(params['id'])

Answer 3

我相信在线教程是这样的：

getJobIds(): Observable<number[] | any> {
    return of(JOBS.map(job => +job.id));
  }

+号在此处强制输入数字。