当输入字段从复选框中隐藏时，如何使 ng-model 预览数据为空？ 这是我的代码
<div ng-app="">
<input id="eform_check" name="eform_check" type="checkbox" value="hide_input" onclick="showcheckbox();" >Hide input
<p>Name : <input id="field" name="data" type="text" ng-model="name" style="inline-block"></p>
<h1>{{name}}</h1>
<script>
function showcheckbox(){
if(document.getElementById("eform_check").checked){
document.getElementById('field').style.display = 'none';
document.getElementById('field').value = '';
}else{
document.getElementById('field').style.display = 'inline-block';
}
}
</script>
当用户在输入框中输入内容时，它会显示您输入的值。 但是当用户单击复选框时，输入值是 destroy ，但是 AngularJS 仍然保留这里的值？如何让它消失，THX
这是 fiddle 代码，谢谢
Fiddle
最佳答案
借助 ng-model 和 ng-show 的简单组合，您的工作就完成了!
<input type="checkbox" ng-model="checked"> Hide input
<p>Name : <input type="text" ng-show="!checked" ng-model="name"></p>
<h1 ng-show="!checked">{{name}}</h1>
关于javascript - 当输入字段从复选框中隐藏时，如何使 ng-model 预览数据为空？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/47176813/