javascript - 非表示フィールドの値を変更した後のフォーム データの送信

Question

私は単純なhtmlフォームを持っています:

<form id="formD" action="/somewhere" method="POST">
  <input type="hidden" name="i[value]" ng-model="i.value" value={{i.value}}
  <button type="button" ng-click="changevalue()) Change Value

フォームコントローラーの場合:

function myFormController($scope) 
{
  $scope.saveAsDraft = function(){
    $scope.i.value="true";
    console.log($scope);
    document.getElementById("formD").submit();
  };
}

コンソール ログを調べると、value内で変化しています$scopeが、送信後i.valueは常に空です。どこで間違いを犯していますか？

私がとった別のアプローチは、その入力フィールドをテキストにすることでした。

<input type='text' name="i[value]" id="something" 
       ng-model='i.value' style="display:none;">

助けてください。フォーム データを送信する直前に、この非表示フィールドの値を変更するにはどうすればよいですか?