<!DOCTYPE html>
<html ng-app="Temp">
<head>
    <title>Temp</title>
    <style>
        a[ ng-click ] {
            color: #ff00cc;
            cursor: pointer;
            text-decoration: underline;
        }


    </style>
    <link href="//fonts.googleapis.com/css?family=Roboto+Slab:400,300,700" rel="stylesheet" type="text/css">
    <link rel="stylesheet" type="text/css" href="css/mui.css">
    <link rel="stylesheet" type="text/css" href="../css/mui.css">
    <style>
        body{font-family:'Roboto Slab', "Helvetica Neue", Helvetica, Arial}ul{margin:0;padding:0}li{display:inline;margin:0;padding:0 4px 0 0}.dates{padding:2px;border:solid 1px #80007e;background-color:#ffffff}#btc,#fx{font-size:75%}.up,.ontime{color:darkgreen}.down,.delayed{color:darkred}.nochange{color:#000000}.password{border:1px solid #cccccc;background-color:#efefef;font-family:monospace;white-space:pre}.mui--text-danger{color:#F44336}
    </style>
    <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.0/jquery.js"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.0/angular.min.js"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/sugar/1.4.1/sugar.min.js"></script>
</head>

<body ng-controller="TempController">
<div class="mui-container">
    <table class="mui-table">
        <tr>
            <td>Date</td>
            <td>Reading</td>
        </tr>
        <tr ng-repeat="entry in tempData" >
            <td>{{ entry.date }}</td><td>{{ entry.reading }}</td>
        </tr>
    </table>

</div>



</body>
<script src="js/temp.js"></script>



</html>