TS2322错误：类型'{ id: string; }'无法赋值给ApiModelFilter<M>

首先，我得拆解下你遇到的问题核心：你定义的ApiModelFilter<M>类型对属性值的类型限制太严格，和你实际赋值字符串给id的场景不匹配——毕竟Model里的id是number类型，但API传参时很多时候会用字符串形式的数字，这就导致了类型不兼容的错误。

结合你使用的TypeScript 2.6.2和2.8.3版本（这两个版本都支持映射类型，不用太担心语法兼容性），给你两个针对性的解决方向：

方向一：允许属性值为原类型或字符串（适配API传参场景） #

如果你的过滤器只是用来传递API查询参数，需要支持字符串形式的数字，那可以直接修改ApiModelFilter的映射类型，让每个属性的值既可以是原类型，也可以是字符串：

interface Model { id: number; }

// 修正后的ApiModelFilter类型
export type ApiModelFilter<M extends Model> = {
  // 可选属性（如果允许部分过滤条件），值支持原类型或字符串
  [K in keyof M]?: M[K] | string;
};

这样使用的时候，给id赋值字符串就不会触发类型错误了：

// 示例：定义一个继承Model的子接口
interface User extends Model {
  username: string;
  age: number;
}

// 使用过滤器
const userFilter: ApiModelFilter<User> = {
  id: "1001", // 字符串类型不再报错
  age: "25"
};

方向二：扩展为支持操作符的通用过滤器（适合复杂查询） #

如果你的过滤器需要支持更复杂的查询逻辑（比如大于、小于、模糊匹配等），可以定义一个通用的过滤值类型，再结合映射类型：

interface Model { id: number; }

// 定义支持常见操作符的过滤值类型
type FilterValue<T> = 
  T | string | // 直接匹配原类型或字符串
  {
    eq?: T | string;    // 等于
    gt?: T | string;    // 大于
    lt?: T | string;    // 小于
    contains?: string;  // 模糊匹配（针对字符串类型）
  };

// 基于FilterValue的ApiModelFilter
export type ApiModelFilter<M extends Model> = {
  [K in keyof M]?: FilterValue<M[K]>;
};

使用示例：

const complexFilter: ApiModelFilter<User> = {
  id: { eq: "1001" },
  age: { gt: "18" },
  username: { contains: "john" }
};

为什么之前会报错？ #

你最初的ApiModelFilter应该是直接把属性值严格限制为M[K]（也就是Model或其子接口的属性类型），比如：

// 错误的定义示例（导致类型不兼容）
export type ApiModelFilter<M extends Model> = {
  [K in keyof M]: M[K];
};

这种情况下，id必须是number类型，赋值字符串自然会触发类型检查错误——调整值类型的宽松度就能解决问题。

内容的提问来源于stack exchange，提问作者lab360