Javascript 用AngularJS中的只读文本替换输入字段

我目前设置了一些jQuery，以便从视图中删除输入字段，并将输入字段的值作为纯文本写入一个范围内，但是我想知道AngularJS将如何处理这个问题。事件发生在提交表单时，该部分也已通过ajax完成。这不仅仅是一个输入，而是表单上的所有输入，这样您就可以看到刚刚提交的结果。

尝试在html中添加这些函数中的任何一个，您可以在其中调用.js函数

 <script>
    $(function() {

 $('#fieldName').attr("readonly","readonly");

 });
</script>

$（函数（）{
$（'#fieldName'）.attr（“只读”、“只读”）；
});

或

$（函数（）{
$（'#fieldName'）.attr（“只读”，true）；
});

其中，

#fieldName

是输入字段的id。

在每个输入字段及其相关文本等效项上使用和/或ng hide

提交表单时，切换某些$scope属性：

<input type="text" ... ng-model='text1' ng-show="editMode">
<span ng-hide="editMode">{{text1}}</span>

{{text1}}

---

在控制器中，将editMode初始化为true。在submit函数中，将其设置为false。

这是我目前使用jQuery所做的，我希望在AngularJS中对不再附加ID的字段执行相同的操作。最好所有输入同时进行。尝试将“#fieldName”更改为“input”这将隐藏输入，但我仍然希望值本身显示为文本。啊，我知道你在那里做了什么。你如何为选择/选项下拉列表执行此操作？相同的方法。将ng show置于

选择

，并在其后面隐藏ng

span

。不要使用

text1

，而是使用您在select中指定的ng模型变量。现在，我有一个数组，因此我必须确定我想要从中提取的特定变量。谢谢

<input type="text" ... ng-model='text1' ng-show="editMode">
<span ng-hide="editMode">{{text1}}</span>