没有模型的PrimeNg p-checkbox预选

时间:2018-03-09 16:19:19

标签: angular5 primeng

我正在尝试迭代一个数组并将其显示为复选框,以便用户以后可以检查/取消选中它们 我不知道如何预先选中复选框,因为我有一个项目数组 但我正在迭代一个内部数组

到目前为止,我有这个

public function getArticlesAdv($limit, $category, $order){
    $sql = "SELECT * FROM articles WHERE `categoryId` = :category ORDER BY ";
    switch($order) {
       case 'categoryId':
           $sql .="categoryId";
           break;
       case 'visible':
           $sql .="categoryId";
           break;
       default:
           $sql .="id";
           break;
    }
    $sql .= ' DESC LIMIT 0,:limit';

    $this->db->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
    try {
        $stmt = $this->db->prepare($sql);
        $stmt->bindValue($category,':category',PDO::PARAM_INT);
        $stmt->bindValue($limit,':limit',PDO::PARAM_INT);
        $stmt->execute();
        $resultSet = $stmt->fetchAll(PDO::FETCH_OBJ);
        if ($resultSet) return $resultSet;
        return array();
     catch(Exception $ex) {
        return array();
     }
}

复选框及其标签看起来不错但未预选...

1 个答案:

答案 0 :(得分:0)

如果特权的show属性是布尔值,只需将binary="true"添加到p-checkbox

另外,删除[(ngModel)]="{{privilege.show}}"中的方括号。

因此您的HTML代码变为

<p-checkbox binary="true" label="{{privilege.privilegeName}}" [(ngModel)]="privilege.show" name="fixco-privileges-view" value="{{privilege.privilegeName}}"></p-checkbox>

请参阅Plunker