将输入字段替换为AngularJS中的只读文本

时间:2013-02-04 16:00:02

标签: javascript html angularjs

我当前设置了一些jQuery来从视图​​中删除输入字段,并将输入字段的值作为纯文本写入span中,但是我想知道AngularJS将如何处理它。事件发生在提交表单时,该部分也已通过ajax完成。这不只是一个输入,它们都在表单上,​​所以你可以看到你刚刚提交的结果。

2 个答案:

答案 0 :(得分:9)

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

提交表单时,切换一些$ scope属性:

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

在您的控制器中,将editMode初始化为true。在提交函数中,将其设置为false。

答案 1 :(得分:-1)

尝试在调用.js函数的html中添加任何这些函数

 <script>
    $(function() {

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

 });
</script>

OR

     <script>
    $(function() {

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

 });
</script>

其中#fieldName是输入字段的ID。