Question

我有这样的代码：

     <div class="row" ng-repeat="x in orders|orderBy:'order_id'">            
        <div class="col left">
          <button ng-click="viewOrderDetails(x.detail)">订单详情</button>
        </div>
        <div class="col left">
          <button ng-click="viewOrderDetails(x.detail)">打印订单</button>
        </div>
        <div class="col left">
          <INPUT TYPE=CHECKBOX NAME="subcheck" id="processed">上菜/未上菜<P>
        </div>

        <script>
        if ({{x.processed}}=='1'){
        $('#processed').prop('checked', true);
        }else{
        $('#processed').prop('checked', false)
        }
        </script>
    </div>

我想根据服务器x.processed返回的值检查CHECKBOX（id =“processed”）。我怎样才能做到这一点？感谢。

Answer 1

卸下：

    <script>
    if ({{x.processed}}=='1'){
    $('#processed').prop('checked', true);
    }else{
    $('#processed').prop('checked', false)
    }
    </script>

使用角度，尽可能将DOM操作保持为角度，并使模型失效。

并使用ng-model

<INPUT TYPE="CHECKBOX" NAME="subcheck" ng-true-value="1" ng-model="x.processed">

Answer 2

将ng-checked="{{x.processed}}"添加到ID为＆＃39;已处理＆＃39;

的输入中

编辑：并删除该jquery代码。

Edit2：您可能想在复选框元素中添加ng-model="x.processed"，以便Angular知道用户是否更改了

如何根据服务器返回的值检查CHECKBOX

2 个答案: