Javascript 当输入字段为“隐藏于”复选框时，如何使ng模型预览数据为空？

当输入字段为“隐藏于”复选框时，如何使ng模型预览数据为空？ 这是我的密码

<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>

隐藏输入
姓名：

{{name}}
函数showcheckbox（）{
if（document.getElementById（“eform_check”）.checked）{
document.getElementById（'field'）.style.display='none'；
document.getElementById（'field'）。值=''；
}否则{
document.getElementById（'field'）.style.display='inline block'；
}
}

当用户在输入框中输入内容时，它将显示您的输入值。 但是当用户单击复选框时，输入值是destroy，但是AngularJS仍然将值保留在这里？如何让它消失，谢谢

这是小提琴代码，谢谢

---

使用纯AngularJS，您可以使用复选框上的

ng model

，该复选框将在真/假之间切换，例如

ng model=“hide_input”

现在，根据

hide\u input

的值，您可以使用

ng show

从DOM显示/隐藏

input

控件，更具体地说，可以使用

ng if

隐藏预览

请注意，

ng show

只会将

display:none

设置为元素，其中as

ng将从DOM中完全删除元素


var-app=angular.module（“app”，[]）.controller（“ctrl”，function（$scope）{}）

隐藏输入
姓名：

{{name}
使用纯AngularJS，您可以使用复选框上的
ng model
，在真/假之间切换，例如
ng model=“hide_input”

现在，根据
hide\u input
的值，您可以使用
ng show
从DOM显示/隐藏
input
控件，更具体地说，可以使用
ng if
隐藏预览

请注意，
ng show
只会将
display:none
设置为元素，其中as
ng将从DOM中完全删除元素


var-app=angular.module（“app”，[]）.controller（“ctrl”，function（$scope）{}）

隐藏输入
姓名：

{{name}
借助于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>

隐藏输入
姓名：

{{name}}
借助于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>

隐藏输入
姓名：

{{name}}
您必须使价值消失或销毁该价值？您必须使价值消失或销毁该价值？他不想显示或隐藏价值。他的问题是，当输入字段从复选框中隐藏时，如何使ng模型预览数据为空？其含义不明确，不清楚输入模型是否需要销毁或隐藏。他不想显示或隐藏值。他的问题是，当输入字段从复选框中隐藏时，如何使ng模型预览数据为空？其含义不明确，不清楚输入模型是否需要销毁或隐藏。