AngularJS
Develop Online School
System.
<html>
<html ng-app="OnlineSchoolApp">
<head>
<script
src="https://ajax.googleapis.com/ajax/libs/angularjs/1.8.2/angular.min.js"></script>
</head>
<body ng-controller="StudentController">
<h1>Welcome to the
Online School System</h1>
<!-- Student
Dashboard -->
<div
class="student-dashboard">
<h2>Hello, {{
student.name }}</h2>
<p>Grade: {{
student.grade }}</p>
<p>Upcoming
Assignments:</p>
<ul>
<li
ng-repeat="assignment in student.assignments">{{ assignment
}}</li>
</ul>
</div>
<script>
var app =
angular.module('OnlineSchoolApp', []);
app.controller('StudentController', function ($scope) {
$scope.student =
{
name: 'John
Doe',
grade: '10th
Grade',
assignments:
[
'Math
Homework - Due on Monday',
'Science
Project - Due on Friday',
'History
Quiz - Next Wednesday'
]
};
});
</script>
<style>
.student-dashboard {
border: 1px
solid #ccc;
margin: 10px;
padding: 10px;
}
</style>
</body>
</html>
