<html ng-app="syllabusApp">
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.8.2/angular.min.js"></script>
</head>
<body ng-controller="SyllabusController">
<h1>SYBBA (CA) Syllabus</h1>
<label>Select a subject:</label>
<select ng-model="selectedSubject" ng-options="subject.name for subject in subjects">
<option value="">Select</option>
</select>
<div ng-show="selectedSubject">
<h2>{{ selectedSubject.name }} Syllabus</h2>
<p>{{ selectedSubject.syllabus }}</p>
</div>
<script>
var app = angular.module('syllabusApp', []);
app.controller('SyllabusController', function ($scope) {
$scope.subjects = [
{ name: 'AnglarJS', syllabus: 'Syllabus content for AnglarJS.' },
{ name: 'Computer Networking', syllabus: 'Syllabus content for Computer Networking.' },
{ name: 'Database Management', syllabus: 'Syllabus content for Database Management.' }
// Add more subjects as needed
];
});
</script>
</body>
</html>
No comments:
Post a Comment