如何更改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鍵的行為以驗證新文本。 我希望為用戶添加更改文本的可能性，當他點擊outsite textarea ，新文本將被保存。

問題是即使在閱讀了xeditable的所有文檔后我也不知道如何做到這一點，我沒有在任何論壇上找到解決方案。

你知道我該怎么做嗎？

先感謝您

Answer 1

您可以使用submit值添加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/