angular-xeditable（e-ng-options和e-ng-readonly）

Question

我有几个关于X-editable的问题：

1. 对于此表格可编辑行：https://vitalets.github.io/angular-xeditable/#editable-row
   点击＆＃34; edit＆＃34;在一行中，我如何修改代码（e-ng-options="s.value as s.text for s in statuses"），所以在状态下，它不仅显示s.text，还显示s.value？所以它会显示＆＃34; 1，status1＆＃34; ＆＃34; 2，status2＆＃34;等。
   
2. 如何将下拉列表设为只读或禁用？我尝试使用e-ng-readonly（<span editable-select="user.status" e-name="status" e-form="rowform" e-ng-readonly=true e-ng-options="s.value as s.text for s in statuses">），但它仅适用于文本区域，而不适用于下拉列表。它看起来是灰色和残疾，但实际上它仍然有效。 提前致谢。

Answer 1

我在附近工作过： 1）引入称为组合的第三个字段。 s.combined = s.value +'| '+ s.text，并显示s.combined。 2）使用ng-if和标志“isEditable”。仅当ng-if =“isEditable”时，才使用X可编辑代码。如果没有，只显示该字段的值，例如{{showGroup（user）}} - 不可编辑。

Answer 2

对于第二个问题，use可以使用e-ng-disabled =“ true”指令。并确保“状态”数组中只有一个对象〜数组中的对象是您要在只读/禁用选择框中分配的唯一对象。如果您这样做，我相信e-ng-readonly =“ true”也会起作用。