Header Ads Widget

BCA Information

Angular js slip18

 <!doctype html>

<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">BJS College BBA(CA) Department</h1>

<div ng-view></div>

 <body>

    <div ng-app = "mainApp">

<p><a href ="#BRJ">Prof.Bhagyashri Joshi</a></p>

<p><a href ="#HPJ">Prof. Hanumant Jagtap</a></p>

<p><a href ="#RSS">Prof. Rohini Shevale</a></p>

<p><a href ="#SVS">Prof. Sheela Satav</a></p>

<div ng-view></div>

<script type ="text/ng-template" id ="brj.html">

<marquee><h1 style="background-color:pink;"> Welcome to SYBBA(CA) Depatment </h1></marquee>

<p>Teacher Detalis</p>

<p><img src="C:\Users\BBA04\Desktop\Angula js\Joshi Bhagyashri.jpg">

Prof.Bhagyashri Joshi<br>

Qulification:MCA<br>

Contact:bhagyashrijoshi@gmail.com</p>

{{message}}

</script>

<script type ="text/ng-template" id ="hpj.html">

<marquee><h1 style="background-color:pink;"> Welcome to SYBBA(CA) Depatment </h1></marquee>

<p>Teacher Detalis</p>

<img src="C:\Users\BBA04\Desktop\Angula js\Jagtaphp.jpg"><br>

Prof.Hanumant Jagtap<br>

Qulification:MCA<br></p>

<p>Contact:hp@gmail.com</p>

{{message}}

</script>

<script type ="text/ng-template" id ="svs.html">

<marquee><h1 style="background-color:pink;"> Welcome to SYBBA(CA) Depatment </h1></marquee>

<p>Teacher Detalis

<img src="C:\Users\BBA04\Desktop\Angula js\1035web.jpg">

Prof.Sheela satav<br>

Qulification:MCA<br></p>

<p>Contact:hp@gmail.com</p>

{{message}}

</script>

   <script>

var mainApp = angular.module("mainApp", ['ngRoute']);

mainApp.config(['$routeProvider', function($routeProvider)

 {

$routeProvider

.when('/BRJ', {

templateUrl: 'brj.html',controller: 'bj'

  })

.when('/HPJ', {

templateUrl: 'hpj.html',controller: 'hp'

  })

.when('/SVS', {

templateUrl: 'ssv.html',controller: 'ss'

  })

 }]);

mainApp.controller('bj', function($scope) 

{

$scope.message = "Welcome  to BJS";

         });

mainApp.controller('hp', function($scope) 

{

$scope.message = "Welcome  to BJS";

         });

mainApp.controller('ss', function($scope) 

{

$scope.message = "Welcome  to BJS";

         });

    </script>

      

</body>

</html>


Post a Comment

0 Comments

Popular Posts

Visual Basic 6.0 Program
Node js practical