JSFiddle - React, Tailwind, and code Playground

by jpark7ca

HTML

<div ng-app="panelApp">
  <div ng-controller="SurveyController as survey">
    <ul>
      <span>{{survey.questionnaire.total}}</span>
      <li ng-repeat="s in survey.questionnaire.questions" >
        {{s.type}}, {{s.question}}
      </li>
    </ul> 
  </div>
</div>

JavaScript

angular.module("panelApp", [])
				.controller("SurveyController", function($scope, $http, $location){
        	var survey = this;
          
          survey.questionnaire = { 
          		total: 2,
              questions: [
              	{
                	seq: 1,
                  type: "dichotomous",
                  question: "Have you ever served as a juror before?"
                },
                {
                	seq: 2,
                  type: "multiple_choice",
                  question: "how did you find out about us?",
                  options: [ {option: 1, value: "TV"}, { option: 2, value: "Social Media"}, { option: 3, value: "Search Engine"}]
                }
              ]
          };
          
        });