Question

我正在尝试在角度2中为以下对象创建一个接口：

// set the render state object
    this.aRenderState = {
      model: "",
      colour: false,
      showWireframe: false,
      showGrid: true,
      clipping: {
          enabled: false,
          visible: false,
          planes: [
              {
                  name: 'X',
                  plane: new THREE.Plane(new THREE.Vector3(1, 0, 0), 0),
                  object: null,
                  enabled: true,
                  flip: false,
                  size: [this.aDomain.getSize().z, this.aDomain.getSize().y],
              },
              {
                  name: 'Y',
                  plane: new THREE.Plane(new THREE.Vector3(0, 1, 0), 0),
                  object: null,
                  enabled: false,
                  flip: false,
                  size: [this.aDomain.getSize().x, this.aDomain.getSize().z]
              },
              {
                  name: 'Z',
                  plane: new THREE.Plane(new THREE.Vector3(0, 0, -1), 0),
                  object: null,
                  enabled: false,
                  flip: false,
                  size: [this.aDomain.getSize().x, this.aDomain.getSize().y]
              },
          ]
      }
    }

以下是我的尝试：

export interface IPlane {
  name: string;
  plane: THREE.Plane;
  object: {};
  enabled: boolean;
  flip: boolean;
  size: number[];
}

export interface IClipping {
  enabled: boolean;
  visible: boolean;
  planes: IPlane[];
}

export interface IRenderState {
  model: string;
  colour: boolean;
  showWireframe: boolean;
  showGrid: boolean;
  clipping: IClipping;
}

当我运行项目时，我收到以下错误消息：

输入＆＃39; {model：string;颜色：假; showWireframe：false; showGrid：真正;剪辑：{enabled：false; ...＆＃39;不能分配给类型＆＃39; IRenderState＆＃39 ;.财产类型＆＃39;裁剪＆＃39;是不相容的。输入＆＃39; {enabled：false;可见：错误;飞机：[{name：string;飞机：飞机; object：null;启用：t ...＆＃39;不能分配给类型＆＃39; {enabled：boolean; visible：boolean;飞机：[IPlane，IPlane， IPLANE]; }＆＃39 ;. 财产类型＆＃39;飞机＆＃39;是不相容的。输入＆＃39; [{name：string;飞机：飞机; object：null;启用：true;翻转：假;尺寸：[数量，数量]; ...＆＃39;不能转让给键入＆＃39; [IPlane，IPlane，IPlane]＆＃39;。输入＆＃39; {name：string;飞机：飞机; object：null;启用：true;翻转：假;尺寸：[数量，数量]; }＆＃39;不能转让给键入＆＃39; IPlane＆＃39;。财产类型＆＃39;大小＆＃39;是不相容的。输入＆＃39; [号码，号码]＆＃39;不能分配类型＆＃39; [0,0]＆＃39;。输入＆＃39;数字＆＃39;不能分配给＆＃39; 0＆＃39;。）

我无法理解我做错了什么。

Answer 1

打字稿2.2有＆＃34;对象＆＃34;类型（全部更低）。建议从现在开始使用这个。

interface IPlane {
    object: object;
}

打字稿界面

1 个答案: