<!DOCTYPE html>
<html ng-app="web">
<head>
<script data-require="angular.js@1.6.2" data-semver="1.6.2" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.2/angular.js"></script>
<link rel="stylesheet" href="style.css" />
<script src="script.js"></script>
</head>
<body ng-controller="WebController">
<h1>student info</h1>
<ul ng-repeat="Student in Students">
<li><input type="text" ng-model="Student.Name"/></li>
<li>Grade: {{Student.Grade}}</li>
<li>Gender: {{Student.Gender}}</li>
<li>Create: {{Student.Create | date}}</li>
</ul>
</body>
</html>
// Code goes here
(function() {
var app = angular.module('web', []);
app.controller("WebController", ["$scope", function($scope) {
$scope.Students = [
{Name: "Tom", Grade: 8, Gender: "Male", Create: Date.now()},
{Name: "Alice", Grade: 10, Gender: "Female", Create: Date.now()},
{Name: "Ann", Grade: 7, Gender: "Female", Create: Date.now()},
{Name: "Brown", Grade: 8, Gender: "Male", Create: Date.now()},
]
}])
})();
/* Styles go here */