JSFiddle - React, Tailwind, and code Playground

by karin

HTML

<div ng-app="myApp" ng-controller="myCtrl">
  <button ng-click="moveLeft()">
    click
  </button>

  <div>
  {{headerQuarter}}
  </div>
</div>

JavaScript

var app = angular.module("myApp", []);
app.controller('myCtrl', function($scope, $http, $filter) {
      $scope.headerQuarter = [{
        "Label": "1Q'00",
        "QuarterID": 1
      }, {
        "Label": "2Q'00",
        "QuarterID": 2
      }, {
        "Label": "3Q'00",
        "QuarterID": 3
      }, {
        "Label": "4Q'00",
        "QuarterID": 4
      }, {
        "Label": "1Q'01",
        "QuarterID": 5
      }, {
        "Label": "2Q'01",
        "QuarterID": 6
      }, {
        "Label": "3Q'01",
        "QuarterID": 7
      }, {
        "Label": "4Q'01",
        "QuarterID": 8
      }, {
        "Label": "1Q'02",
        "QuarterID": 9
      }, {
        "Label": "2Q'02",
        "QuarterID": 10
      }, {
        "Label": "3Q'02",
        "QuarterID": 11
      }, {
        "Label": "4Q'02",
        "QuarterID": 12
      }, {
        "Label": "1Q'03",
        "QuarterID": 13
      }, {
        "Label": "2Q'03",
        "QuarterID": 14
      }, {
        "Label": "3Q'03",
        "QuarterID": 16
      }, {
        "Label": "4Q'03",
        "QuarterID": 17
      }, {
        "Label": "1Q'04",
        "QuarterID": 18
      }, {
        "Label": "2Q'04",
        "QuarterID": 19
      }, {
        "Label": "3Q'04",
        "QuarterID": 20
      }, {
        "Label": "4Q'04",
        "QuarterID": 21
      }, {
        "Label": "1Q'05",
        "QuarterID": 22
      }, {
        "Label": "2Q'05",
        "QuarterID": 25
      }, {
        "Label": "3Q'05",
        "QuarterID": 26
      }, {
        "Label": "4Q'05",
        "QuarterID": 27
      }, {
        "Label": "1Q'06",
        "QuarterID": 28
      }, {
        "Label": "2Q'06",
        "QuarterID": 29
      }, {
        "Label": "3Q'06",
        "QuarterID": 30
      }, {
        "Label": "4Q'06",
        "QuarterID": 31
      }, {
        "Label": "1Q'07",
        "QuarterID": 32
      }, {
        "Label": "2Q'07",
        "QuarterID": 33
      }, {
        "Label": "3Q'07",
       ...