javascript - 如何将 p-checkbox 设置为选中并将选择对象存储到列表

Question

我有如下列表:

rows: any[] = [
   {"id":"1721079361", "type":"0002", "number":"2100074912","checked":true},
   {"id":"1721079365", "type":"0003", "number":"2100074913","checked":false},
   {"id":"1721079364", "type":"0004", "number":"2100074914","checked":true},
   {"id":"1721079362", "type":"0001", "number":"2100074911", "checked":false}
];

我想在表格上显示复选框

如果选中的值= true，我希望选中该复选框，并且选中的这些项目应该存储在列表中。 这是demo link 。请多多指教

Answer 1

使用二进制属性:

<p-checkbox
                [(ngModel)]="selectedValues" value="{{row.id}}"

                binary="{{row.checked?'1':''}}"

                ></p-checkbox>

在书面表达中写什么而不是1并不重要。因为它使用 javascript bool 值的字符串映射:

• 在 javascript 中，空字符串为 false，非空字符串为 true