使用 OR 运算符输入具有两个接口的属性时出错

发布于 2025-01-21 01:12:52 字数 870 浏览 2 评论 0原文

我有这个 ProfessionalForm 界面。角色类型可以是 RecruiterForm 或 EmployeeForm Interface。

你能向我解释一下为什么这段代码会破坏我的角度应用程序吗？

这是我的 RecruiterForm 接口：

export interface RecruiterForm {
    companyName: string;
    employeesCount: number;
}

和我的 EmployeeForm 接口：

export interface EmployeeForm {
    specialization: string;
    skills: string[];
    qualification: string;
    expectedSalary: number;
    //experiences
}

最后，这是我对相应角色的组件调用

方案可以是使用任何类型，但根本不明确。

感谢您的帮助

原文

I have this ProfessionnalForm interface.
The type of role can be either RecruiterForm or EmployeeForm Interface.

Can you explain to me why this code break my angular app?

This is my RecruiterForm Interface:

export interface RecruiterForm {
    companyName: string;
    employeesCount: number;
}

and my EmployeeForm Interface:

export interface EmployeeForm {
    specialization: string;
    skills: string[];
    qualification: string;
    expectedSalary: number;
    //experiences
}

Finaly this is my component call with the respective roles

The solution can be to use any type but its not explicit at all.

Thanks for your help

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

难得心□动 2025-01-28 01:12:53

问题在于您的App-Recruiter component's value属性属性recruiterform，并且您正在professional professional < /code>组件（<代码> value？。员工form

您有两个选项：

扩展app-recruiter value type of Type retuiterform |员工Form
确保您仅将变量传递到value类型recruiterform的属性

如果满足您的需求，则第一个选项很简单。

可以通过过滤value？。 www.typescriptlang.org/docs/handbook/advanced-types.html“ rel =“ nofollow noreferrer”> type Guard 例如）。另外，您可以重新评估value的方案？role是类型雇员，您可能会在逻辑中找到一个缺陷，这说明了为什么还可以通过此表单App-Recruiter错误地。