<html>
<head>
<script src = "https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js">
</script>
<script src = "https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular-route.min.js">
</script>
</head>
<h1 style="background-color:red" align="center">E-Learning System Demo</h1>
<div ng-view></div>
<body>
<div ng-app = "mainApp">
<p><a href ="#cl">Classes</a></p>
<p><a href ="#th">Teachers</a></p>
<p><a href ="#sub">Subjects</a></p>
<div ng-view></div>
<script type ="text/ng-template" id ="cl.html">
<marquee><h1 style="background-color:powderblue;">Welcome to Classes</h1></marquee>
<h2>FYBBA(CA)</h2>
<h2>SYBBA(CA)</h2>
<h2>TYBBA(CA)</h2>
{{message}}
</script>
<script type ="text/ng-template" id ="th.html">
<marquee><h1 style="background-color:blue;"> Welcome to Teachers Page</h1></marquee>
<h2>Bhagyashrii Joshi</h2>
<h2>Rohini Shewale</h2>
<h2>Hanumant Jagtap</h2>
<h2>Sheela Satav</h2>
<h2>Namrata Pacharne</h2>
{{message}}
</script>
<script type ="text/ng-template" id ="sub.html">
<marquee><h1 style="background-color:blue;"> Welcome to Subjects Page</h1></marquee>
<h2>Angular JS</h2>
<h2>Big Data</h2>
<h2>Digital Marketing</h2>
<h2>Software Engeneering</h2>
<h2>Data Structure</h2>
{{message}}
</script>
<script>
var mainApp = angular.module("mainApp", ['ngRoute']);
mainApp.config(['$routeProvider', function($routeProvider)
{
$routeProvider
.when('/cl', {
templateUrl: 'cl.html',controller: 'cl'
})
.when('/th', {
templateUrl: 'th.html',controller: 'th'
})
.when('/sub', {
templateUrl: 'sub.html',controller: 'sub'
})
}]);
mainApp.controller('cl', function($scope)
{
$scope.message = "Welcome to E-Learning Website";
});
mainApp.controller('th', function($scope)
{
$scope.message = "Welcome to E-Learning Website";
});
mainApp.controller('sub', function($scope)
{
$scope.message = "Welcome to E-Learning Website";
});
</script>
</body>
</html>
0 Comments