“数字”类型的参数不能分配给“字符串”类型的参数。 将旧项目导入新项目时

Question

将我完成的项目导入另一个项目后，我突然收到此错误：

ERROR in src/app/avior/users/users.component.html:43:79 - error TS2345: Argument of type 'number' is not assignable to parameter of type 'string'.

43         <form [formGroup]="userForm" class="form-signin" (ngSubmit)="onSubmit(selectedUser._id,this.userForm.value)">

我的 onSubmit 函数如下所示：

  onSubmit(id: string, data: User) {
      this.aviorBackend.putUser(id, data)
      .subscribe(
        res => {
                console.log('Benutzer erneuert.');
                console.log(id);
                console.log(data);
                console.log(res);
                this.selectedUser = res;
               },
               error => {
                console.log('Error while deleting user: ', error);
                        }
                );
                      }

我在旧项目中的原始代码功能齐全，这是怎么回事？ 如果我错了，请纠正我，但 this.userForm.value 似乎是一个数字，需要将其转换为字符串？

更新遵循建议后，我仍然收到此错误：

    ERROR in src/app/avior/users/users.component.html:59:83 - error TS2345: Argument of 
type 'number' is not assignable to parameter of type 'string'.

    59     <button class="btn btn-danger btn-block" type="submit" (click)="deleteUserBtn(selectedUser._id)">Löschen</button>

 ~~~~~~~~~~~~~~~~

更新 2用户界面：

import { Role } from './role';

// was class and not interface!
export interface User {
    _id: number;
    mandator?: number;
    loginId: string;
    lastname: string;
    firstname: string;
    password: string;
    eMail: string;
    group?: string;
    role?: Role;
    active?: boolean;
    token?: string;
}

Answer 1

您的onSubmit方法需要 2 个参数。

onSubmit(id: string, data: User)

您输入的id作为string 。

从您调用onSubmit的模板中：

(ngSubmit)="onSubmit(selectedUser._id,this.userForm.value)"

selectedUser._id是一个number

所以你得到了错误

“数字”类型的参数不能分配给“字符串”类型的参数

因为您将数字传递给接受字符串的方法。

解决方案

更改您的onSubmit方法以将id为number ：

onSubmit(id: number, data: User) { // changed string to number

---

从你的评论

需要更改interface以反映数据的形状：

export interface User {
    _id: string; // this should be a string
    mandator?: number;
    loginId: string;
    lastname: string;
    firstname: string;
    password: string;
    eMail: string;
    group?: string;
    role?: Role;
    active?: boolean;
    token?: string;
}