问题标签 [angular-xeditable]

这是示例： https ://vitalets.github.io/angular-xeditable/#editable-form

有几个问题：

1. 编辑时，它把输入放在' <span>'
2. 它不添加“ form-control”类

如何使用 bootstrap-3 形式使 angular-xeditable 工作？

我正在尝试编辑包含选择下拉菜单的表。为此，我将 xeditable 用于 angularjs。我的 HTML 文件包含：<td><span editable-select="awsendpoint.organizationName" e-name="organizationName" e-form="rowform" e-ng-options="organization.organizationName for organization in getallorganization">{{awsendpoint.organizationName}}</span></td>

获取所有组织 =[{ "name":"John1", "organizationName":"ORG1", "city":"New York" },{ "name":"John2", "organizationName":"ORG2", "city":"New York" },{ "name":"John3", "organizationName":"ORG3", "city":"New York" }]

下拉菜单以表格和编辑模式显示。

这里的问题是在update数据期间。当我尝试更新表数据时。更新的“organizationName”字段显示了整个organization对象并且数据没有得到更新。

构建一个 AngularJS 应用程序，我使用xeditable来允许用户编辑一个表，每行一行（如此处所述：xeditable）。

在每个表中实现的Edit、Remove和Cancel按钮逻辑有点麻烦，我创建了一个自定义指令：sen-edit-row.

自定义指令中按钮的逻辑运行良好......除了一种情况。

当用户单击 [Add] 时，会添加一行（就像在xeditable的示例中一样），并且新行可以立即编辑。或者应该！

第一次，该行不可编辑。输入字段不是由xeditable创建的。我自己指令的按钮仍然有效。

但最离奇的是：用户第二次点击【添加】，就可以正常使用。然后它继续工作！

（这让我发疯）

在 HTML 中，指令是这样调用的：

在 JS 中，指令定义为：

以及指令的模板：

我还创建了一个Plunker 来显示这种行为的证据。

问题：如何使我的指令和xeditable始终如一地工作，包括第一次，并在将行添加到表时立即激活？

谢谢！

Thymyleaf 不允许添加“可编辑形式”属性，因为它的格式不正确。有没有其他方法可以做到这一点？

应用程序属性

百里香叶模板

• 百里香叶
• angularjs
• 角度可编辑

Plunkr

从上面的示例中，创建了一个列表，单击编辑按钮后该列表将处于可编辑模式。

它是使用angular-xeditable创建的。

从列表中，只想检查重复项并在匹配时显示错误消息。

下面的代码能够找到重复项并显示错误。但是，如果两个或多个值具有相同的名称。发生以下错误。

1. 如果其中任何一个发生了更改，则错误消息的其他值保持不变。

2. 单击删除按钮 ( x ) 时错误消息不会隐藏。

提前致谢。

脚本.js

索引.html

需要将可编辑表单包装在引导程序 uib-popover-template 中。

已经尝试过可编辑的 ui-bootstrap 弹出框方法，但它没有按预期工作。

Plunker 1 --> https://plnkr.co/edit/vXeVoFYVU2IU08CF angular-bootstrap 方法 - 无法显示/隐藏表单

Plunker 2 --> https://plnkr.co/edit/upUFeEeQbxs8VfF5?preview x-editable 方法 - 无法将其包装在弹出框内