angular-x-editable 示例代码中具有可编辑元素的表单应具有 editable-form 属性

Question

我在自己的项目中尝试 x-editable 提供的示例代码时遇到问题：当我在我自己的应用程序中尝试在 JSFiddle 中完美运行的这段代码时（只有像控制器名称这样的小修改），我收到此错误消息：

    Form with editable elements should have `editable-form` attribute. <span class="ng-scope ng-binding editable" editable-text="user.name" e-name="name" e-form="rowform" onbeforesave="checkName($data, user.id)" e-required=""> angular.js:11707:18

Form with editable elements should have `editable-form` attribute. <span class="ng-scope ng-binding editable" editable-select="user.status" e-name="status" e-form="rowform" e-ng-options="s.value as s.text for s in statuses"> angular.js:11707:18

Form with editable elements should have `editable-form` attribute. <span class="ng-scope ng-binding editable" editable-select="user.group" e-name="group" onshow="loadGroups()" e-form="rowform" e-ng-options="g.id as g.text for g in groups"> angular.js:11707:18

Form with editable elements should have `editable-form` attribute. <span class="ng-scope ng-binding editable" editable-text="user.name" e-name="name" e-form="rowform" onbeforesave="checkName($data, user.id)" e-required=""> angular.js:11707:18

Form with editable elements should have `editable-form` attribute. <span class="ng-scope ng-binding editable" editable-select="user.status" e-name="status" e-form="rowform" e-ng-options="s.value as s.text for s in statuses"> angular.js:11707:18

Form with editable elements should have `editable-form` attribute. <span class="ng-scope ng-binding editable" editable-select="user.group" e-name="group" onshow="loadGroups()" e-form="rowform" e-ng-options="g.id as g.text for g in groups"> angular.js:11707:18

Form with editable elements should have `editable-form` attribute. <span class="ng-scope ng-binding editable" editable-text="user.name" e-name="name" e-form="rowform" onbeforesave="checkName($data, user.id)" e-required=""> angular.js:11707:18

Form with editable elements should have `editable-form` attribute. <span class="ng-scope ng-binding editable" editable-select="user.status" e-name="status" e-form="rowform" e-ng-options="s.value as s.text for s in statuses"> angular.js:11707:18

Form with editable elements should have `editable-form` attribute. <span class="ng-scope ng-binding editable" editable-select="user.group" e-name="group" onshow="loadGroups()" e-form="rowform" e-ng-options="g.id as g.text for g in groups">

它阻止我编辑 table

中的一行

这是我使用的fiddle： http://jsfiddle.net/NfPcH/93/

我通读了 github 上关于此问题的整个帖子，但 none 的解决方案对我有用。这段代码怎么可能在 jsfiddle 上没有问题，但在我的项目中却没有？会不会是配置问题？我通过 bower 使用最新版本的 xeditable。

如果有人给我提示或指出正确的方向，我将不胜感激。

Answer 1

好的，我解决了我的问题。如果您有类似的问题，这可能会有所帮助：

在我的应用程序中，还有另一个标签包围了大部分网站，包括 xeditable table。这给 xeditable 带来了麻烦。所以错误信息是正确的。我通过删除此表单解决了它。另一种方法是使外部形式也为 editable。

因此，如果您运行遇到相同的错误消息，请务必检查您的 html 源代码并查找标签。

Answer 2

如果您在另一个表单（嵌套表单）中使用 <form editable-form></form>，则可能会发生此错误。我发现解决方案如下：issues #157.

使用 <div ng-form editable-form></div> 而不是普通的 <form editable-form></form> 标签可以解决这个问题。

angular-x-editable 示例代码中具有可编辑元素的表单应具有 editable-form 属性

Form with editable elements should have `editable-form` attribute in angular-x-editable Example Code

javascript

angularjs

x-editable