How set value in hidden input in Angular JS?

Question

I have hidden input in template HTML:

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

Also method in controller that takes one param and assigns this value to formSpam.idNote :

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

But in template for attribute value this is empty when I send form. Why?

Completed code:

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

After this HTML in bottom page:

<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

Use ng-value:-

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

One more thing there is no need of required and ng-model on hidden field you can simply do it by:-

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

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

Fiddle