Angular x-editable 显示一些表单控件 onchange

Question

我有一个 angular x-editable sample here，我试图根据状态值显示/隐藏表单控件，例如，

  <div ng-show="user.status == '1'">
      <span class="title">Show: </span>
      <span editable-text="user.showfield" e-name="showfield">{{ user.showfield || 'empty' }}</span>
    </div>

它只会在我保存表格时显示。如何在更改控制字段本身时使其显示？

Answer 1

固定演示 here.

您可以通过指令 e-ng-change 到达那里。

示例代码：

    <div>
      <!-- editable status (select-local) -->
      <span class="title">Status: </span>

      <!-- by e-ng-change, get result before save, and asign to user.showstatus -->
      <span editable-select="user.status" e-ng-change="user.showstatus=$data;" e-name="status" e-ng-options="s.value as s.text for s in statuses">
        {{ (statuses | filter:{value: user.status})[0].text || 'Not set' }}
      </span>
    </div>  

     <!-- toggle display by user.showstatus -->
     <div ng-show="user.showstatus == '1'">
      <span class="title">Show: </span>
      <span editable-text="user.showfield" e-name="showfield">{{ user.showfield || 'empty' }}</span>
    </div>

来源： Angular x-editable github issue #105

Angular x-editable 显示一些表单控件 onchange

Angular x-editable show some form control onchange

angularjs

x-editable