更改angular2中复选框的选中属性

Question

我有一个列表以以下模板方式显示网格中的所有列

<ul id="gridColumnList" class="gridColumnList">
    <li *ngFor="let col of grid.colModel">
        <span><input type="checkbox" class="checkbox col-visibility" **[checked]="!col.hidden"** /></span>
        <span><input type="checkbox" class="checkbox col-freeze" [checked]="col.locked" **[disabled]="col.hidden"** /></span>
        <span class="col-title">{{col.label}}</span>
    </li>
</ul>

我想根据col.hidden 值更改复选框输入的状态，该值是一个布尔类型，但如果像checkbox = {{col.hidden}} 这样使用插值，则属性绑定不起作用。属性绑定有什么问题？

Answer 1

删除所有“**”

<span><input type="checkbox" class="checkbox col-visibility" [checked]="!col.hidden"/></span>

添加testing plunker