JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/foundation/5.5.2/css/foundation.css">
<head lang="en">
  <title>Egghead Videos</title>
</head>
<body>

  <div ng-app="phoneApp">
     <!-- we've replaced the use of $scope with the preferred "controller as" syntax. see:http://toddmotto.com/digging-into-angulars-controller-as-syntax/ -->
    <div ng-controller="AppCtrl as app">
        <div class="button" ng-click="app.sayHi()">Click me!</div>
    </div>
  </div>
</body>

JavaScript

var app = angular.module("phoneApp", []);

app.controller("AppCtrl", function() {
    var app = this;

    app.sayHi = function() {
        alert("hi");
    };

    return app.AppCtrl = this;

});