将数组分配给对象

Question

我正在将我的应用程序从 AngularJs 迁移到 Angular 4。

我在我的代码中经常使用以下类型的语句，因为它们在 Angular 4 (TypeScript) 中都失败了：

编辑：在 AngularJS 中使用了以下几行

var accomodation = {};
accomodation.AccomodationAddresses = [];

我在 Angular4 的组件类中尝试了这个：

this.accomodation = {};
this.accomodation.AccomodationAddresses = [];

它给出了错误：属性 AccomodationAddresses 不存在 :(

Answer 1

Typescript 使用赋值推理来确定变量的类型。

您可以使用 any 完全退出类型系统（不是一个很好的选择）：

let accommodation : any = {};
accomodation.AccomodationAddresses = [];

或者您可以明确说明变量的类型：

let accommodation : { AccomodationAddresses?: any[] } = {}; // used any but you can use a more explicit type
accomodation.AccomodationAddresses = [];

或者使用命名接口：

interface Accomodation { AccomodationAddresses?: any[] } // used any but you can use a more explicit type
let accommodation : Accomodation  = {};     accomodation.AccomodationAddresses = [];

如果可行，您也可以一次全部初始化并让 TS 推断出正确的类型：

let accomodation = { AccomodationAddresses: [] }