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

时间:2019-11-16 03:29:58

标签: javascript angular primeng

我有如下列表:

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}
];

我想用复选框显示在桌子上 enter image description here

我要复选框是否被选中,如果被选中的值= true,并且这些被选中的项目应该存储在列表中。 这是demo link。请告诉我

1 个答案:

答案 0 :(得分:0)

使用binary属性:

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

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

                ></p-checkbox>

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

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