角度无线电如何隔离

时间:2014-12-11 08:16:54

标签: angularjs twitter-bootstrap radio-button

这是我的问题:我有一个包含5个问题的测验。每个问题都有一个问题和三个答案。我正在使用自举无线电和angularjs。当我从两个不同的问题中选择一个答案时,我只有一个选择的答案。如何隔离问题? 我从db

中提出了我的问题

index.html:

    <form class="form-horizontal" name="radioForm">
    <div ng-repeat="question in questions">
    <p>{{question.ask}}</p>
        <div class="radio">
            <label>
                <input type="radio" ng-model="question.answer1" name="optionsRadios" ng-value="question.answer1">
                {{question.answer1}}
            </label>
        </div>
        <div class="radio">
            <label>
                <input type="radio" ng-model="question.answer2" name="optionsRadios" ng-value="question.answer2">
                {{question.answer2}}
            </label>
        </div>
        <div class="radio">
            <label>
                <input type="radio" ng-model="question.answer3" name="optionsRadios" ng-value="question.answer3">
                {{question.answer3}}
            </label>
        </div>

     <br />
     </div>
    <button type="submit" class="btn btn-default">Проверить</button>
</form>

controller.js:

angular.module('testpage').controller('TestpageController', ['$scope', '$http',
function ($scope, $http) {
    $http.get('/list/questions')
        .success(function(data) {
            $scope.questions = data;
            // console.log(data);

        })
        .error(function(err) {
            console.log("err", err);
        });
}])

1 个答案:

答案 0 :(得分:-1)

确定!这是http://www.echoecho.com/htmlforms10.htm。我只需要更改名称,每组答案必须是唯一的名称。