在编辑表单时获取可编辑复选框的当前值

Getting the current value of an xeditable checkbox while form is being edited

本文关键字:编辑 复选框 表单 获取      更新时间:2023-09-26

我想有一个复选框显示,如果另一个复选框被选中,但只有在编辑表单时才有这个。由于模型在编辑时没有更新,因此我无法根据模型的值ng-show第二个复选框。

tl;dr:在编辑表单时获取可编辑复选框的值

这是我目前使用的html:

    <div class="col-xs-1 pad-xs text-center">
      <span editable-checkbox="field.left">
        <span class="fa fa-check" ng-if="field.left"></span>
      </span>
    </div>
    <div class="col-xs-1 pad-xs text-center">
      <span editable-checkbox="field.right" ng-show="~~here~~">
        <span class="fa fa-check" ng-if="field.right"></span>
      </span>
    </div>

我可以将e-ng-change添加到第一个复选框中以确定更改,但我无法正确检索值。

哦,我想我明白了。

如果将this传递给函数,则$data参数将反映复选框的当前值。

<div class="col-xs-1 pad-xs text-center">
  <span editable-checkbox="field.left" e-ng-change="changeField(this, field)">
    <span class="fa fa-check" ng-if="field.left"></span>
  </span>
</div>
<div class="col-xs-1 pad-xs text-center">
  <span editable-checkbox="field.right" e-ng-show="field._left">
    <span class="fa fa-check" ng-if="field.right"></span>
  </span>
</div>

在我的changeField函数中,我使用这个

  $scope.changeField = function(self, field) {
    field._left = self.$data;
  };