JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://code.angularjs.org/1.0.6/angular.js"></script>
<div ng-app>
    <div ng-controller="TestController">
        <pre>{{question1 | json}}</pre>
        <div>
            <label data-ng-repeat="choice in question1.choices">
                <input type="radio" name="response" value="true" ng-checked="choice.isUserAnswer" ng-click="setChoiceForQuestion(question1, choice)"/>
                    {{choice.text}}
            </label>
        </div>
        <div>
            <label data-ng-repeat="choice in question2.choices">
                <input type="radio" name="response" data-ng-model="choice.isUserAnswer" value="true" />
                    {{choice.text}}
            </label>
        </div>
    </div>
</div>

JavaScript

function TestController($scope) {
    $scope.setChoiceForQuestion = function (q, c) {
        angular.forEach(q.choices, function (c) {
            c.isUserAnswer = false;
        });
        
        c.isUserAnswer = true;
    };
    $scope.question1 = {
        questionText: "This is a test question.",
        choices: [{
                id: 1,
                text: "Choice 1",
                isUserAnswer: false
            }, {
                id: 2,
                text: "Choice 2",
                isUserAnswer: true
            }, {
                id: 3,
                text: "Choice 3",
                isUserAnswer: false
            }]
    };   
    
    $scope.question2 = {
        questionText: "This is a test question.",
        choices: [{
            id: 1,
            text: "Choice 1",
            isUserAnswer: false
        }, {
            id: 2,
            text: "Choice 2",
            isUserAnswer: true
        }, {
            id: 3,
            text: "Choice 3",
            isUserAnswer: false
        }]
    };   
}