JSFiddle - React, Tailwind, and code Playground

by Jesper Christensen

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.0/angular.js"></script>
<main ng-app="beerApp">
  <div ng-controller="beerController">
    <p>You can select from any of the following beers:</p>
    <ul>
      <li ng-repeat="beer in beers">
        {{beer}}
      </li>
    </ul>
  </div>
</main>

TypeScript

module Sample {
  export interface IBeerScope extends ng.IScope {
    beers: string[];
  }

  export class BeerController {
    // needed so that uglify doesn't minify the special $scope variable name away
    public static $inject = ['$scope'];

    constructor($scope: IBeerScope) {
      $scope.beers = [
        "Corona",
        "Carlsberg",
        "Cronenberg"
      ];
    }
  }
  
  angular.module("beerApp", [])
    .controller("beerController", BeerController);

}