Question

我有一个角度x可编辑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

1 个答案: