.net - 在列数据夹点 Angular 2 中显示列表

Question

我正在尝试使用 Angular 2 在数据网格中的列内显示元素列表。这是我的代码:

export class AlertData {
    constructor() {
        this.employmentList = new Array<KeyValue>();
        this.provincesList = new Array<KeyValue>();
        this.alertPeriodRefId = new KeyValue();
    }

    public alertId: number;
    public candidateRefId: number;
    public alertPeriodRefId: KeyValue;
    public creationDate: Date;

    public employmentList: KeyValue[];
    public provincesList: KeyValue[];
}



private createColumnDefs() {
    return [
        { headerName: "Puesto/s", field: "employmentList" },
        { headerName: "Ubicación/es", field:  "provincesList"},
        { headerName: "Periodicidad", field: "alertPeriodRefId.value"}
    ];
}

字段 employmentList 和 provincesList 是 KeyValue 元素的列表，我想在列中显示这些列表的值。

有人可以帮我吗？ 提前致谢。

Answer 1

我已经使用 PrimeNG 组件绘制了类似的 UI。您可以在此处找到数据网格组件 http://www.primefaces.org/primeng/#/datagrid 这可以作为您的起点。 如果您决定使用此组件集，我很乐意提供解决方案。