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

Question

我希望在选中另一个复选框时显示一个复选框，但只有在编辑表单时才会显示该复选框。由于模型在编辑时不会更新，因此我无法根据模型的值ng-show 第二个复选框。

tl;dr:在编辑表单期间获取 xeditable 复选框的值

这是我目前使用的 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 添加到第一个复选框以确定更改，但我无法正确检索值。

Answer 1

哦，我想我明白了。

如果将 this 传递给函数，$data 参数将反射(reflect)复选框的当前值。

<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;
  };