javascript - 如何在 Angular js中将选中的单选按钮值发送到服务器

Question

我想以 Angular 将选中的单选按钮值发送到服务器

我尝试过，但收到 500 服务器错误

当我只发送有效的问题 ID 时

这是CreateController的代码

var CreateController = ['$scope', '$http', function ($scope, $http) {
    $scope.mydata = 'ajs works';
    $scope.model = {
        Questions:{}
    };
    $http.get('/Testing/IndexVM').success(function (newdata) {

        $scope.model = newdata;

    });
    $scope.NextQuestion = function () {
        $http.post('/Testing/NextQuestion', {
            quid: $scope.model.Questions.AddQuestionID, selectedopt: $scope.model.Questions.Options.OptionID
        }).success(function (newdata) {

            $scope.model = newdata;

        }); 
}];

这是索引 View 的代码，我要发送的内容

    <div ng-controller="CreateController">
<tr>
            <td>
                <h3>Question: {{model.Questions.Question}}</h3>
            </td>
        </tr>
     <tr ng-repeat="item in model.Questions.Options" ng-model="model.Questions.Options.OptionID">
                <td class="switch radius">
                    <input id="{{item.Options}}" type="radio" name="selectedvalue" value="{{item.Options}}">
                    <label for="{{item.Options}}"></label>{{item.Options}}
                </td>
            </tr>
     </div>

Answer 1

将 ng-model 移动到输入元素，以便每个单选按钮都具有相同的 ng-model 和相同的 name 属性，而不是你有一个单选按钮组并且模型具有所选 value 属性的值

所以 ng-model="model.Questions.Options.OptionID"不是“item”