Question

我正在尝试实现primeng的数据表。其中，我有创建了一个标题，字段和选项数组，即：headersList。

如下所示：

if

我将这个数组传递给'p-column'，如下所示：

{
  header: "Time",
  field: "time",
  options: "timeOptions"
}, {
  header: "Date",
  field: "date",
  options: "dateOptions"
}, {
  header: "Table No.",
  field: "table_no",
  options: "tableOptions"
}

但它不起作用。我需要将headersList的选项字段添加到p-multiselect的选项

Answer 1

问题是你没有将选项作为数组传递

这里，这个字段：

options: "timeOptions"

应该是

options: [
            {label: 'White', value: 'White'},
            {label: 'White1', value: 'White1'}
         ]

因此，在更改之后，您的json应该类似于：

{
  header: "Time",
  field: "time",
  options: [
            {label: 'White', value: 'White'},
            {label: 'White1', value: 'White1'}
            ]
}, {
  header: "Date",
  field: "date",
  options: [
            {label: 'White', value: 'White'},
            {label: 'White1', value: 'White1'}
            ]
}, {
  header: "Table No.",
  field: "table_no",
  options: [
            {label: 'White', value: 'White'},
            {label: 'White1', value: 'White1'}
            ]
}

根据您的问题的评论，如果这是您正在实施的代码

this.timeOptions.push({
    label: element.appointment_time,
    value: element.appointment_time
});
this.dateOptions.push({
    label: element.appointment_date,
    value: element.appointment_date
});

然后

此options: "timeOptions"应该看起来像options: timeOptions（所有选项键都没有双引号）

p-multiselect primeng angular 2中的动态选项

1 个答案: