如何更改Angularjs xeditable text / textarea行为？

Question

我在我的应用程序中使用angularjs和xeditable。我想更改可编辑文本区域和可编辑文本的行为，以便在用户单击外部时进行验证。
用一个例子会更好：

<span editable-textarea="item.label.text" e-rows="2" e-cols="80" buttons="no" onshow="onShow()" onhide="onClose()">{{item.label.text}}</span>

使用此代码，我们无法看到要验证的按钮并取消我们的选择。无论输入密钥是否验证，用户都无法验证他的选择 我想要做的是更改enter键的行为以验证新文本。我希望为用户添加更改文本的可能性，当他点击textarea外站时，新文本将被保存。

问题是即使在阅读了xeditable的所有文档之后我也不知道如何做到这一点，而且我没有在任何论坛上找到解决方案。

你知道我该怎么做吗？

提前谢谢

Answer 1

您可以添加blur属性submit，并将其与onbeforesave属性结合使用：

<span editable-textarea="item.label.text" e-rows="2" e-cols="80" buttons="no" onshow="onShow()" onhide="onClose()" blur="submit" onbeforesave="validate($data)">{{item.label.text}}</span>

示例小提琴：http://jsfiddle.net/NfPcH/8269/