angular-xeditable (e-ng-options 和 e-ng-readonly)答案

【问题标题】：angular-xeditable (e-ng-options and e-ng-readonly)angular-xeditable (e-ng-options 和 e-ng-readonly)
【发布时间】：2016-04-22 13:04:28
【问题描述】：

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

对于此表可编辑行：https://vitalets.github.io/angular-xeditable/#editable-row
当单击一行上的“edit”时，如何修改代码（e-ng-options="s.value as s.text for s in statuses"）所以在状态下它不仅显示s.text，还显示s.value？所以会显示“1，status1”“2，status2”等
如何将下拉菜单设为只读或禁用？我尝试使用 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">)，但它仅适用于文本区域，不适用于下拉菜单。它看起来是灰色和禁用的，但实际上它仍然有效。提前致谢。

【问题讨论】：

欢迎使用 Stack-overflow 参考：- stackoverflow.com/help/how-to-ask
对于第一个问题，您想获取 status1、status2 等选项而不是 1、status1、2、status2 对吗？？
不，实际上我想将选项设置为“s.value - s.text”，所以在列表中它应该看起来像：1 - status1 2 - status2 3 - status3 我想我可以创建数组中的另一个字段来连接这两个字段（egsvalue + ' - ' + s.text）并将其显示在选项列表中。但我想知道是否有更好的方法来做到这一点，并使用 Angular 来做到这一点。
相关：stackoverflow.com/q/24681568/95735

标签： angularjs x-editable

【解决方案1】：

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

【讨论】：

【解决方案2】：

我通过以下方式解决了问题： 1) 引入称为组合的第三个字段。 s.combined = s.value + ' | ' + s.text，并显示 s.combined。 2) 使用 ng-if 和标志“isEditable”。仅当 ng-if="isEditable" 时，才使用 X 可编辑代码。如果没有，只需显示字段的值，例如{{ showGroup(user) }} - 不可编辑。

【讨论】：