javascript - 在可编辑行内设置变量

Question

我正在使用 Xeditable 指令来获得可编辑的表单。

我有两个下拉菜单，当一个下拉菜单发生变化时，我想更新另一个。问题是 Xeditable 在编辑表单时创建了一个子范围。我无法弄清楚如何在该子项的范围内设置变量，以便该变量仅存在于该表行的范围内。

我试过了

 e-ng-init="myChildVariable = 1"

然后

 e-ng-change="myChildVariable =2"

但当我跟踪 {{myChildVariable}} 时，它似乎没有更新。

在指令内，它创建了这个范围:

    var self = this;
    self.inputEl.bind('change', function() {
      self.scope.$apply(function() {
        self.scope.$form.$submit();
      });
    });

XEditable 可以传递 $data 中下拉列表中的当前选择。所以我尝试将它传递给 Controller ​​中的函数:

 e-ng-change="updateVarible($data)"

但这会更新 $parent 范围。

我需要第一个选择来设置变量，第二个选择来过滤。我的过滤器正在工作，我只需要设置第二个过滤器可以访问的变量。

    <span editable-select="user.status" e-ng-change="setVariableHereSomehow" e-form="rowform" e-ng-options="s.value as s.text for s in statuses">
      {{ showStatus(user) }}
    </span>

    <span editable-select="user.group" e-name="group" onshow="loadGroups()" e-form="rowform" e-ng-options="g.id as g.text for g in groups | filter: useTheVariableHere">

行编辑的Xeditable演示供引用:

http://jsfiddle.net/NfPcH/93/

注意:我使用的是 1.3，该演示使用 1.0.8，因此我可以使用更新的过滤器。

使用 Xeditable 时，如何在 ng-repeat 内设置一个变量，该变量的范围仅限于自身而不是父项？

Answer 1

使用 e-ng-onchange:

e-ng-change="changeStatus($data,user)"

这是我所做的事情的 jsfiddle 链接。对 Controller 进行了一些修改。例如我的组选择。将状态更改为 Status4 将更改用户的组。

http://jsfiddle.net/leeray75/jwv29g1m/