Angular中可为空布尔类型（Nullable boolean）的赋值问题求助

你遇到的问题是TypeScript类型校验导致的：接口里caja定义为boolean类型，而boolean在TypeScript中仅允许true或false，null不属于这个类型集合，所以直接赋值会触发类型错误。

有两种常用的解决方式：

• 修改接口类型，允许null值
  将caja的类型改为boolean | null，这样就可以同时接收布尔值和null：

  export interface PeriodicElement {  
    caja: boolean | null;
    tractor: boolean;
  }
  const ELEMENT_DATA: PeriodicElement[] = [
    {caja: null, tractor: false}
  ]
  

• 将null转换为布尔值（如果不需要保留null的语义）
  如果你不需要在字段中保留null，可以把null转为true或false，比如默认转成false：

  export interface PeriodicElement {  
    caja: boolean;
    tractor: boolean;
  }
  const ELEMENT_DATA: PeriodicElement[] = [
    {caja: null ?? false, tractor: false}
  ]
  

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