JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-app="jasApp"  ng-controller="homeController">
    <h1 class="text-center">JAS Intro Application</h1>
    <h1 class="text-center">{{message}}</h1>
    <table>
    <thead>
    <tr><th colspan="4">{{message}}</th></tr>
    </thead>
    <tbody>
    <tr>
        <td>{{headers[0]}}</td>
        <td>{{headers[1]}}</td>
        <td>{{headers[2]}}</td>
    </tr>
    </tbody>
</table>
</div>

JavaScript

var app = angular.module('jasApp', []).controller('homeController', ['$scope', function($scope){
        $scope.message = "Test";
        var messageList = [];
        $scope.headers = [
                        "ID",
                        "Date Received",
                        "Message"
                        ]

    }]);