получить радио-кнопку выбранного значения формы в контроллере angularjs

Question

Я пытаюсь повторить выбранное значение переключателей с помощью document.write (только на данный момент) .. Так что это фактически создает проблему с кодом

JavaScript код:

$scope.Next = function(){
    var queid = $scope.id1;
    var ans = $scope.radio;
    document.write(queid);
    document.write(ans);
}

HTML код:

<form style="text-align:left;width:90%;margin-left:10px;" ng-controller="dropdownCtrl">
  <div class="tab" ng-repeat="e in disp">
    <p>{{e.question}}</p>
    <input type="hidden" ng-model="id1"  ng-init="id1=e.id" name="id1" ng-value="{{e.id}}" />

<label class="container2">Option A : {{e.option_a}}
<input type="radio" checked="checked" ng-model="radio" name="radio1" ng-value='"option_a"'>
<span class="checkmark"></span></label>

<label class="container2">Option B : {{e.option_b}}
<input type="radio" ng-model="radio" name="radio1" ng-value='"option_b"'>
<span class="checkmark"></span></label>

<label class="container2">Option C : {{e.option_c}}
<input type="radio" ng-model="radio" name="radio1" ng-value='"option_c"'>
<span class="checkmark"></span></label>

<label class="container2">Option D : {{e.option_d}}
<input type="radio" ng-model="radio" name="radio1" ng-value='"option_d"'>
<span class="checkmark"></span></label>
  </div>

<div style="overflow:auto;">
<div style="float:right;">
<button type="button" ng-click="Next()" style="background:#acddde;color:black;border-radius:3px;border:none;width:80px;height:30px;">Next</button>
</div>
</div>
</form>

Answer 1

Единственное сделанное изменение, которое работает, это положить ng-repeat в форму ... Потому что тогда он также включает кнопку. Таким образом, мы можем взять ng-repeat в форме или же взять div, который охватывает все содержимое формы внутри от первого ввода до последней кнопки, и добавить ng-repeat к этому div.

JavaScript Код :

$scope.Next = function(){
    var queid = $scope.id1;
    var ans = $scope.radio;
    document.write(queid);
    document.write(ans);
}

Html Код:

<form style="text-align:left;width:90%;margin-left:10px;" ng-controller="dropdownCtrl" class="tab" ng-repeat="e in disp">
    <p>{{e.question}}</p>
    <input type="hidden" ng-model="id1"  ng-init="id1=e.id" name="id1" ng-value="{{e.id}}" />

<label class="container2">Option A : {{e.option_a}}
<input type="radio" checked="checked" ng-model="radio" name="radio1" ng-value='"option_a"'>
<span class="checkmark"></span></label>

<label class="container2">Option B : {{e.option_b}}
<input type="radio" ng-model="radio" name="radio1" ng-value='"option_b"'>
<span class="checkmark"></span></label>

<label class="container2">Option C : {{e.option_c}}
<input type="radio" ng-model="radio" name="radio1" ng-value='"option_c"'>
<span class="checkmark"></span></label>

<label class="container2">Option D : {{e.option_d}}
<input type="radio" ng-model="radio" name="radio1" ng-value='"option_d"'>
<span class="checkmark"></span></label>

<div style="overflow:auto;">
<div style="float:right;">
<button type="button" ng-click="Next()" style="background:#acddde;color:black;border-radius:3px;border:none;width:80px;height:30px;">Next</button>
</div>
</div>
</form>