Saturday, 19 September 2020

AJS2

09:10    

 

<html>

<script src=

"https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js">

</script>

<!-- ng-repeat- it used to repeat a set of html code for a number of times-->

<!--ng-init-This is used to initialize application data(variables)-->

<!—ng-app:This directive starts an AngularJS Application-->

 

<style>

          body {

                   margin: 2%;

                   font-size:30px;

                   background-color:pink;

          }

           </style>

<body ng-app="">

 <div  ng-init="course=['BBA(CA)','BCA(Science)','B.Sc(Computer SCience)']">

           <h3 align='LEFT'>Undergraduate Course</h1>

              <ol type='i'>

             <li ng-repeat="name in course">

             {{name}}

             </li>

          </ol>

</div>        

 

<div ng-init="courses=['MCA','MCA(Science)','M.Sc(Computer SCience)']">

           <h3 align='LEFT'>Postgraduate Course</h1>

              <ol type='i'>           

             <li ng-repeat="nameS in courses">

             {{nameS}}

             </li>

          </ol>

</div>       

             </body>

           </html>