JSFiddle - React, Tailwind, and code Playground

by Sajeetharan Sinnathurai

HTML

<div ng-app='myApp' ng-controller='myController as vm'>
  <div ng-repeat="type in vm.data.event.ticket_types">
    <p>{{ type.VIP.price }}</p>
    <p>{{ type["Lower Box"].price }}</p>
    <p>{{ type["General Admission"].price }}</p>
  </div>

</div>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>

JavaScript

var myApp = angular.module('myApp', [])
myApp.controller('myController', function() {
  this.data = {
    event: {
      ticket_types: [
        {
          VIP: {
            price: 250
          }
        },
        {
          "Lower Box": {
            price: 100
          }
        },
        {
          "General Admission": {
            price: 50,
          }
        }
      ]
    }
  };
});