JSFiddle - React, Tailwind, and code Playground

by Dogbert

HTML

<div ng-app ng-controller=MainCtrl>
    <div ng-repeat="quiz in quizzes">
        Quiz: {{quiz.name}}
        Possible Results:
        <ul>
            <li ng-repeat="result in quiz.results">
                {{result.name}}
            </li>
        </ul>
        
        Questions:
        <ul>
            <li ng-repeat="question in quiz.questions">
                <p>Q: {{question.title}}</p>
                A:
                <ul>
                    <li ng-repeat="answer in question.answers">
                        {{answer}}
                    </li>
                </ul>
            </li>
        </ul>
    </div>
</div>

JavaScript

var q1 = {
    name: "Which city should you live in?",
    results: [
        { name: "Delhi" },
        { name: "Dehradun" },
        { name: "Jaipur" }
        ],
    questions: [
        {
            title: "What weather do you like?",
            answers: ["Cold", "Hot"]
        },
        {
            title: "Do you hate yourself?",
            answers: ["Yes", "No"]
        }
        ]
};

function MainCtrl($scope) {
    $scope.quizzes = [q1];
}