AngularJS表单中的隐藏输入

时间:2016-01-12 20:53:15

标签: angularjs mongodb mean-stack

我有一个表单,我想提交一个用户看不到(或可编辑)的隐藏值。

最初我试图用以下的方式来做:

<input type="hidden" data-ng-model="data.selfscan" value="true">

但是在调查这个问题以及之前提出/回答的问题时,我了解到隐藏的输入类型并不适用于AngularJS。所以我需要做这样的事情:

<input type="text" data-ng-model="data.selfscan" value="true" data-ng-value="true" data-ng-show="false" />

不幸的是,这也不起作用。

我看到另一篇关于如何初始化它的帖子,所以我有

<input type="text" data-ng-model="data.selfscan" data-ng-init="data.selfscan='true'" data-ng-show="false" />

这似乎可以使得值显示在表单中(至少当我通过使框可见时查看它),但不幸的是,init似乎打破了表单的另一部分,使整个事情不可提交。

我花了太多时间在简单的事情上花了太多时间,所以我会寻求你所有的专业知识,寻求帮助或建议尝试什么或可能出错的地方。< / p>

2 个答案:

答案 0 :(得分:0)

只需处理控制器中的表单提交操作..就像这样。

HTML:

  $scope.updateUser = function(hidden){    
    if(hidden){
      $scope.user.other = hidden;  
    }
  };  

控制器:

zabbix_agent.conf

答案 1 :(得分:0)

你的第一次尝试几乎是正确的:

 <input type="hidden" data-ng-value="data.selfscan" value="true">

由于隐藏的输入不可由用户编辑,因此它不实现双向绑定,因此您需要采用一种方式value binding