打字稿扩展对象，实现具有动态属性的接口

Question

我有一个实现接口的对象：

interface ILoadedComponent {
    property1:string;
    property2: numberl;
}
class SomeClass {
    loadedComponent:ILoadedComponent = {
        property1:'x',
        property2: 10
    }
}

但我想在已实现的接口上增加额外的属性：

class SomeClass {
        loadedComponent:ILoadedComponent = {
        property1: 'x',
        property2: 10,
        property3: 'y',
        property4: 60
    }
}

为了扩展已实现的接口，我得到一个编译器错误：

 ... is not assignable to type SomeClass ...
Object literal may only specify known properties, and 'property3' does not exist in type 'SomeClass '.

如何使用对象字面量扩展接口

Answer 1

@Tomas Katz ，你错误地实现了一个接口，你在SomeClass 中创建了ILoadedComponent 组件类型的属性。

如果你想实现一个接口并添加新属性，你必须使用它，如下所示

class SomeClass implements ILoadedComponent{
        property1: 'x',
        property2: 10,
        property3: 'y',
        property4: 60
}

如果您想在SomeClass 中使用loadedComponent 属性，那么您必须创建一个单独的类来实现该接口，或者您必须在另一个接口中使用extendILoadedComponent 接口并在@987654328 中使用该接口@