Angular xeditable禁用表单

时间:2014-10-22 14:15:00

标签: javascript angularjs x-editable angular-xeditable

我正在使用angular指令:http://vitalets.github.io/angular-xeditable/

我试图将表单显示为禁用表单,我的意思是,禁用所有元素(禁用html属性)。

我看到有一个由$waiting设置的表单$setWaiting()的标志,表现得像那样,但是没有办法像$show()那样调用此状态

有一种方法可以从我的控制器访问该方法吗?或者另一方面,我如何扩展指令以使该方法公开。

谢谢!

2 个答案:

答案 0 :(得分:3)

我知道这是一个迟到的答案,但是没有人回答这个......

我认为混淆$waiting属性可能会让你遇到更多帮助,因为它处理提交状态并知道还有什么。

完成禁用表单元素的最简单方法是使用绑定到e-ng-disabled变量的每个可编辑控件的$scope属性,如下所示:

<span editable-text="my_model" e-name="name" 
    e-ng-disabled="form_disabled">{{ my_model }}</span>

这是一个小提琴:http://jsfiddle.net/jf2ykddv/5/

只是为了记录,当然能够通过某种&#34; global&#34;来禁用所有控件会很好。直接通过表单属性,但我不认为这是在angular-xeditable中实现的。所以这可能是最简单的方法。

答案 1 :(得分:0)

仅在代码中添加属性。

e-ng-disabled="[value]"