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

删除所有＆＃34; **＆＃34;

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

添加testing plunker

在angular2中更改checkbox的checked属性

1 个答案: