JSFiddle - React, Tailwind, and code Playground

by spechackers

HTML

<div ng-app="myapp">
    <div ng-controller="testController">
       <form>
        <div ng-repeat="qus in QusWithOptions">
            <td>{{qus.id}}. {{qus.Question}} </td><br />
               
<input type="radio" name="taskGroup{{qus.id}}" ng-model="asd[qus.id]" value="{{qus.OptionA_KPI}}" />{{qus.OptionA}}
<input type="radio" name="taskGroup{{qus.id}}" ng-model="asd[qus.id]" value="{{qus.OptionB_KPI}}" />{{qus.OptionB}}
             </div>
           {{asd}}
        <button ng-click="SaveAnswer(asd)">Submit</button>
        </form>
    </div>
</div>

JavaScript

var app = angular.module("myapp",[]);

function testController($scope){
    
    $scope.asd = {};
    $scope.QusWithOptions = [
        {id:1, Question: "What is best social network site?", OptionA: "facebook", OptionB: "twitter", OptionC: "google+", OptionD: "others",OptionA_KPI:1,OptionB_KPI:2,OptionC_KPI:3,OptionD_KPI:4  },
        {id:2, Question: "Entomology is the science that studies ?", OptionA: "Behavior of human beings", OptionB: "Insects", OptionC: "Origin of scientific terms", OptionD: "The formation of rocks", OptionA_KPI:1,OptionB_KPI:2,OptionC_KPI:3,OptionD_KPI:4 },
        
   ];            
    $scope.SaveAnswer = function(asd){
         window.alert(asd);
    };
}