Làm thế nào để khởi tạo, khởi tạo và điền một mảng trong TypeScript?

Tôi có các lớp sau trong TypeScript:

class bar {
    length: number;
}

class foo {
    bars: bar[] = new Array();
}

Và sau đó tôi có:

var ham = new foo();
ham.bars = [
    new bar() {          // <-- compiler says Expected "]" and Expected ";"
        length = 1
    }
];

Có cách nào để làm điều đó trong TypeScript không?

CẬP NHẬT

Tôi đã nghĩ ra một giải pháp khác bằng cách đặt một phương thức để trả về chính nó:

class bar {
    length: number;

    private ht: number;
    height(h: number): bar {
        this.ht = h; return this;
    }

    constructor(len: number) {
        this.length = len;
    }
}

class foo {
    bars: bar[] = new Array();
    setBars(items: bar[]) {
        this.bars = items;
        return this;
    }
}

vì vậy bạn có thể khởi tạo nó như sau:

var ham = new foo();
ham.setBars(
    [
        new bar(1).height(2),
        new bar(3)
    ]);

Không có cú pháp khởi tạo trường như vậy cho các đối tượng trong JavaScript hoặc TypeScript.

Lựa chọn 1:

class bar {
    // Makes a public field called 'length'
    constructor(public length: number) { }
}

bars = [ new bar(1) ];

Lựa chọn 2:

interface bar {
    length: number;
}

bars = [ {length: 1} ];

Nếu bạn thực sự muốn có các tham số được đặt tên cộng với việc các đối tượng của bạn là các thể hiện của lớp, bạn có thể làm như sau:

class bar {
    constructor (options?: {length: number; height: number;}) {
        if (options) {
            this.length = options.length;
            this.height = options.height;
        }
    }
    length: number;
    height: number;
}

class foo {
    bars: bar[] = new Array();
}

var ham = new foo();
ham.bars = [
    new bar({length: 4, height: 2}),
    new bar({length: 1, height: 3})
];

Ngoài ra đây là mục liên quan trên trình theo dõi vấn đề sắp chữ.

Một giải pháp đơn giản có thể là:

interface bar {
    length: number;
}

let bars: bar[];
bars = [];

Giải pháp khác:

interface bar {
    length: number;
}

bars = [{
  length: 1
} as bar];

Nếu bạn muốn 'thêm' các mục bổ sung vào một trang, bạn có thể muốn tạo một mảng bản đồ. Đây là cách tôi tạo một mảng bản đồ và sau đó thêm kết quả vào đó:

import { Product } from '../models/product';

products: Array<Product>;          // Initialize the array.

[...]

let i = 0;
this.service.products( i , (result) => {

    if ( i == 0 ) {
        // Create the first element of the array.
        this.products = Array(result);
    } else { 
        // Add to the array of maps.
        this.products.push(result);
    }

});

Nơi product.ts trông giống như ...

export class Product {
    id: number;
    [...]
}