如何在Angular JS中的隱藏輸入中設置值？

Question

我在模板HTML中隱藏了輸入：

<input type="hidden" name="idNote" value="{{formSpam.idNote}}" ng-model="formSpam.idNote" required>

控制器中的方法也采用一個參數，並將此值分配給formSpam.idNote ：

$scope.ClickSpam = function (id){
      $scope.formSpam.idNote = id;
}

但是在屬性value模板中，當我發送表單時，該屬性為空。 為什么？

完成的代碼：

<div class="spam-icon ng-scope" data-dismiss="modal" ng-controller="SpamController" ng-click="ClickSpam(22, 1);" data-toggle="modal" data-target="#spamModal"></div>

在底部頁面中的此HTML之后：

<div class="modal fade spam-modal" id="spamModal" ng-controller="SpamController" tabindex="-1" role="dialog" aria-hidden="true">
<input type="hidden" name="idNote" ng-value="formSpam.idNote" ng-model="formSpam.idNote" required>
</div>

Answer 1

使用ng-value：-

<input type="hidden" name="idNote" ng-value="formSpam.idNote" ng-model="formSpam.idNote" required>

還有一件事情是不需要的，並且可以在隱藏字段上使用ng-model，只需執行以下操作即可：

<input type="hidden" name="idNote" ng-value="formSpam.idNote">

$scope.ClickSpam = function (id){
      $scope.formSpam.idNote = id;
}

小提琴