JSFiddle - React, Tailwind, and code Playground

by Shashank D

HTML

<div ng-app="app" ng-controller="test">
  <div ng-repeat="quizqs in Quizdata.questions">
    <li ng-click="form.goTo(Form, 1)">
      <a href ng-class="{'selected' : currentStep >= 1, 'done' : currentStep > 1}">
        <div class="stepNumber">
          {{index}}
        </div> <span class="stepDesc text-small">Question No: {{$index + 1}}</span>
      
      </a>
    </li>
  </div>
</div>

JavaScript

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

app.controller('test', function($scope) {
  $scope.Quizdata = {
    "questions": [{
      "id": 101,
      "name": "Abc"
    }, {
      "id": 102,
      "name": "Pqr"
    }, {
      "id": 103,
      "name": "Xyz"
    }, ]
  };
});