html中复选框的已检查属性的条件

Question

如何将条件放在复选框的已检查属性上？

我的应用程序中的每一行都有复选框。在我的数据库中，我有一个'IsSaved'列，其值为0或1.如果一行的IsSaved为1，则复选框应自动显示为已选中。

这是我的代码段：

<td style="text-align:center;">
    <input type="checkbox" name="select" value="${ID}" ng-checked="${IsSaved} ? true : false" />              
</td>

我怎样才能做到这一点？

Answer 1

<input type="checkbox" name="select" value="ID" ng-checked="(IsSaved) ? true : false" />  

我假设IsSaved是控制器中的$scope变量，其范围超出了您的HTML模板

这应该有效

Answer 2

您可以通过变量名称IsSaved调用范围的变量来直接访问它。

您使用的是ternary expression，但不支持here所述。

现在你可以使用一个较短的表达式：IsSaved == 1，这只会导致真实或虚假的结果。

所以你得到了

<input type="checkbox" name="select" id="{{ID}}" ng-checked="IsSaved == 1" />  

注意：可以通过双括号在范围内访问ID变量。

<强> JsFiddle

Answer 3

嗨Siddharath请试试吼叫。这对我有用。

<td style="text-align:center;"> <input type="checkbox" name="select" value="{{ID}}" ng-checked="{{IsSaved}}" /> </td>