如何在TypeScript中动态地为对象分配属性?

如果我想在Javascript中以编程方式将一个属性分配给一个对象，我会这样做:

var obj = {};
obj.prop = "value";

但在TypeScript中，这会产生一个错误:

属性“prop”在类型为“{}”的值上不存在

我应该如何在TypeScript中分配任何新属性给对象?

当前回答

为Angular扩展@jmvtrinidad解决方案，

当使用已经存在的类型化对象时，这是添加新属性的方法。

let user: User = new User();
(user as any).otherProperty = 'hello';
//user did not lose its type here.

现在如果你想在html端使用otherProperty，这是你需要的:

<div *ngIf="$any(user).otherProperty">
   ...
   ...
</div>

Angular编译器将$any()视为转换为any类型，就像TypeScript中使用a <any>或任意类型转换一样。

其他回答

在TypeScript中动态地为对象分配属性。

你只需要像这样使用typescript接口:

interface IValue {
    prop1: string;
    prop2: string;
}

interface IType {
    [code: string]: IValue;
}

你可以这样使用它

var obj: IType = {};
obj['code1'] = { 
    prop1: 'prop 1 value', 
    prop2: 'prop 2 value' 
};

当对象具有特定类型时，此解决方案非常有用。比如从其他源获取对象时。

let user: User = new User();
(user as any).otherProperty = 'hello';
//user did not lose its type here.

你可以用这个:

this.model = Object.assign(this.model, { newProp: 0 });

我写过一篇文章探讨这个话题:

Typescript -在运行时增强对象及其类型

https://tech.xriba.io/2022/03/24/typescript-enhance-an-object-and-its-type-at-runtime/

也许你可以从Typescript概念中获得灵感，比如:

映射类型通过as键重映射十字路口类型

另一个方法是将属性作为一个集合来访问:

var obj = {}; obj['prop'] = “值”;

推荐文章