如何解决：对象可能是“空”。在角度路由？

Question

当我在 Angular 文档中做 Angular Heroes 教程时。我收到一个错误

对象可能是“空”。

getHero(): void {
const id = +this.route.snapshot.paramMap.get('id');
this.heroService.getHero(id)
  .subscribe(hero => this.hero = hero);

}

在 hero-detail.component.ts

完整代码链接hero-detail component

我在 config.json 中看到了很多答案，以至于将其设为假。 我需要有关如何解决此问题的帮助，但不要压制它。

提前致谢。

Answer 1

你可以分两步完成

getHero(): void {
  const param=this.route.snapshot.paramMap.get('id');
  const id = param?+param:0;
  this.heroService.getHero(id)
    .subscribe(hero => this.hero = hero);
}

Answer 2

这是由于杂散的加号加上根据 Typescript 类型系统项目 this.route.snapshot.paramMap.get('id') 实际上可能为空的事实，因此它不是 + 的合法操作数。

我在this playground 使用此代码重新创建了相同的错误

const thing:string|null;

function getHero() : void {
const id = +thing;
}

注意上面写着...的那一行

const id = +thing;

如果+ 的使用是按照下面 Elisio 的评论，那么你需要做一些事情来保护命令，这样当 id 为空时 getHero 根本不会运行，或者提供了一个可靠的替代值运行前的 id。只要有可能它是空的，那么

Typescript 不能保证操作会完成。这很好，因为它会强制您进行检查并增加安全性。