绑定隐藏的输入在角模型 [英] Bind hidden inputs to model in angular

问题描述

我有以下形式：

<form name="frmInput">

    <input type="hidden" ng-model="record.usersId" value="{{user.userId}}"/>
    <input type="hidden" ng-model="record.userNameId" value="{{user.userNameId}}"/>
    <label for="fileNo">AccountId</label>
    <input id="fileNo" ng-model="record.fileNo" required/>
    <label for="madeSad">MadeSad</label>
    <input id="madeSad" ng-model="record.madeSadNo" required/>

    <button ng-disabled="!frmInput.$valid" ng-click="SaveRecord(record)">Accept</button>

</form>

我得到 record.fileNo 和 record.madeSadNo 在 SaveRecord 功能，但我不明白 record.usersId 和 record.userNameId 在 SaveRecord 功能。

I get record.fileNo and record.madeSadNo in SaveRecord function but i don't get record.usersId and record.userNameId in SaveRecord function.

我在哪里犯错？

隐藏的输入值是正确的。

values of hidden inputs are correct.

推荐答案

有隐藏的表单字段是不是角度的方式。不需要在所有隐藏字段，因为所有的范围的变量（其不在表格）可以作为隐藏的变量

Having hidden form fields is not the Angular way. You don't need hidden fields at all, as the all the scope variables (which are not in the form) can be taken as hidden variables.

对于解决方案，同时提交表单，只需填充对象记录与用户：

As for the solution, while submitting the form, just populate the object 'record' with 'user':

function SaveRecord(){
  $scope.record.usersId = $scope.user.userId;
  $scope.record.userNameId = $scope.user.userNameId;
  http.post(url, $scope.record);
}

作为一个方面说明，你并不需要提及的变量，而调用该函数：

As a side note, you do not need to mention your variable while calling the function:

<button ng-disabled="!frmInput.$valid" ng-click="saveRecord()">Accept</button>

这篇关于绑定隐藏的输入在角模型的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！