javascript - 单选按钮值在 Angular 中为空

Question

我需要从对象列表中删除学生对象。这样我就从数据库中检索了所有学生对象并将其存储在变量中。

有一个过滤学生的选项，提供一个文本框，以便用户可以输入学生姓名，列表将根据输入的姓名进行过滤，如下图所示:

因此，用户可以使用单选按钮从过滤列表中选择要删除的特定学生，并且可以删除该特定学生。 但问题是目前我没有在 Controller 中获取单选按钮值。

HTML页面如下:

<h2 align="center">Delete Student</h2>
<div ng-controller="deleteStudentController">
<form ng-submit="submitForm()">
    Student Name:<input type="text" letters-only ng-model="searchName"/><br>
    <div ng-repeat="student in students | filter:searchName" ng-show="searchName.length">
        <input type="radio" ng-model="studentRadio" value="{{student._id}}" ng-value="{{student._id}}"/>{{student | formatter}}
    </div>
    <input type="submit" value="Delete Student"/>
</form>
</div>

在 Controller 中，我已提醒单选按钮的值，但它没有获得任何值:

mainApp.controller("deleteStudentController", function($scope,$http) {
var resData = {};
$scope.student = {};
var urlGet = "/students/all";
$http.get(urlGet)
.then(function(response) {
    $scope.students = angular.fromJson(response.data);
});

$scope.submitForm = function (){
       alert("$scope.studentRadio"+$scope.studentRadio);
   };
});

我的示例 JSON 格式是 {“_id”:“5765671b37f3dc940d66fad1”，“名称”:“hgh”，“id”:“hgh”，“地址”:“hjg”}

请帮忙解决这个问题!!!!

Answer 1

我找到了解决办法。 由于这是一个迭代单选按钮，因此需要将模型名称指定为“$parent.studentRadio”。

<input type="radio" ng-model="$parent.studentRadio" name="studentRadio" value="{{student._id}}"/>

谢谢大家...