将隐藏的输入绑定到角度模型

Question

我有以下表格:

<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功能.

我哪里弄错了？

隐藏输入的值是正确的.

Answer 1

隐藏表单字段不是Angular方式.您根本不需要隐藏字段,因为所有范围变量(不在表单中)都可以作为隐藏变量.

至于解决方案,在提交表单时,只需使用'user'填充对象'record':

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

作为旁注,您在调用函数时无需提及变量:

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

Answer 2

你可以使用这样的东西:

<input type="hidden" ng-model="record.usersId" value="{{user.userId}}" ng-init="record.usersId=user.userId"/>