Angularjs ng-checked无效

时间:2016-02-14 13:45:58

标签: html angularjs checkbox

我正在通过ng-repeat生成复选框,用于某些网格的所有列

<div ng-repeat="(key, val) in gridData[0]">
                                   <!--<label>{{columnShowSelect[1].columnNumber}}</label>-->
                                   <div class="section col-md-6">
                                       <label>
                                           <u>
                                               <h5>{{key}}</h5>
                                           </u>
                                       </label>
                                   </div>
                                   <div class="section col-md-4">
                                       <u>
                                           <label class="block mt15 option option-primary">
                                               <input type="checkbox" id="chbEnableCol" name="chbColumnName" value="{{$index+1}}"  ng-checked="columnShowSelect[{{$index}}].columnNumber == {{$index+1}}" />
                                               <span class="checkbox"></span>Enable this column</label></u>
                                   </div>
                               </div>

我还想检查我已经决定要检查的复选框,所以我得到了带有columnNumbers的json,即columnShowSelect.columnNumber,但由于某种原因它没有检查它,如果我放{{columnShowSelect [$ index ] .columnNumber}}并且检查复选框的元素,我可以清楚地看到它说ng-checked =“1 == 1”,但是没有选中复选框,有什么帮助吗?

1 个答案:

答案 0 :(得分:1)

ng-checked中不需要{{}},因为它需要 JavaScript表达式

ng-checked="columnShowSelect[$index].columnNumber == $index+1"