2013-02-04 67 views
3

我有一些jQuery目前设置为从视图中移除输入字段,并将输入字段的值作为纯文本写入跨度内,但是我想知道AngularJS如何处理这个。事件发生在提交表单时,该部分也已通过ajax完成。这不仅仅是一个输入,它是所有的表单,所以你可以看到你刚刚提交的结果。用AngularJS中的只读文本替换输入字段

回答

9

使用ng-show和/或隐藏每个输入字段及其相关联的文本。

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

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

在你的控制器,初始化编辑模式为true。在您的提交函数中,将其设置为false。

+0

这将隐藏输入,但我仍然希望将该值本身显示为文本。 – Organiccat

+0

@Organiccat,跨度应该显示你的文字。 –

+0

啊,我看到你在那里做了什么 – Organiccat

-1

尝试添加任何在HTML这些功能,您拨打的.js功能

<script> 
    $(function() { 

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

}); 
</script> 

OR

 <script> 
    $(function() { 

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

}); 
</script> 

哪里#fieldName是输入字段的ID。

+0

这就是我目前使用jQuery所做的工作,我期待在AngularJS中执行与不再有ID相关的字段。最好同时输入所有的输入。 – Organiccat

+0

尝试将'#fieldName'更改为'输入' –

相关问题