小编Ous*_*Boi的帖子

我正在做 Angular Tour-hero 项目（用“User”替换 Hero）。当我将英雄（用户）和英雄详细信息（用户详细信息）分开时，当我尝试访问详细信息时，它没有显示，更新功能也不起作用。它显示此错误：

错误 TS2532：对象可能“未定义”。

6 <input id="用户名" [(ngModel)]="用户名" placeholder="名称">

我认为，目的user是提出问题。但是当我尝试完全按照教程添加 MessageService 等操作时，它就起作用了。但是当我删除所有这些时，它给出了这个错误。先谢谢您的帮助。

用户详细信息.component.html：

<div>
  <h2>{{user.name | uppercase}} Details</h2>
  <div><span>id: </span>{{user.id}}</div>
  <div>
        <label for="user-name">User name: </label>
        <input id="user-name" [(ngModel)]="user.name" placeholder="name">
    </div>
    <button (click)="goBack()">Back</button>
    <button (click)="save()">Save</button>
</div>

用户详细信息.component.ts：

import { Component, OnInit } from '@angular/core';
import { User } from 'src/app/model/user';
import { UserService } from 'src/app/services/user/user.service';
import { Location } from '@angular/common';
import { ActivatedRoute } from '@angular/router';


@Component({
  selector: 'app-user-detail',
  templateUrl: './user-detail.component.html',
  styleUrls: ['./user-detail.component.scss']
}) …