禁用可修改的文字 - 它不应该是可编辑的

Question

我有一个关于可编辑文本的问题。 如果我单击文本，则会打开一个输入，我可以编辑该文本。是否有可能以这种方式禁用此行为，输入无法打开？ 我已尝试使用 ng-disable 和 ng-readonly - 但没有成功。

<span editable-text="myText">{{ myText }}</span>

非常感谢您的帮助！

[编辑] 我用这个例子做了很多尝试：

example

但没有成功。如果有人可以帮助我会很棒。非常感谢！

[编辑] 有没有可行的解决方案？我尝试了很多但没有成功。 如果有人能给我一个如何解决这个问题的提示，我将非常感激。 非常感谢！

Answer 1

你不能删除editable-text属性吗？

<span>{{ myText }}</span>

Answer 2

目前没有选项可禁用可编辑字段。因此可以解决这个问题。

<span ng-if="showEditable" editable-text="myText">{{ myText }}</span>
<span ng-if="!showEditable">{{ myText }}</span>

您也可以在指令中包含此功能。

Answer 3

使用edit-disabled属性。例如-

<span editable-text="myText" edit-disabled="!showEditable">{{ myText }}</span>

参考：https://vitalets.github.io/angular-xeditable/#edit-disabled