forum

Home / DeveloperSection / Forums / use ngSwitch in angular js.

Ask Question

use ngSwitch in angular js.

Anonymous User 1564 01-Mar-2016
we want to use  ngSwitch in angular js. how to use this please help me.
angular js angular js 
Updated on 01-Mar-2016
Anonymous User

Anonymous User

Follow
I am a content writter !

Can you answer this question?

Answer

1 Answers

Anonymous User

Anonymous User

01-Mar-2016 
@{


    Layout = null;


}


<!DOCTYPEhtml>
<html>
<head>
<title>Forum</title>
<metaname="viewport"content="width=device-width"/>
<title></title>
<scriptsrc="~/Scripts/jquery-2.1.4.js"></script>
<scriptsrc="~/Scripts/angular.js"></script>
<script>
var app = angular.module('myapp', []);
 app.controller('Controller', ['$scope', function ($scope) {
 $scope.items = ['Home', 'About', 'Contact','Product'];
 $scope.selection = $scope.items[0];
 }]);
</script>
</head>
<bodyng-app="myapp">
<divng-controller="Controller"style="width:400PX;">
<selectng-model="selection"ng-options="item for item in items">
</select>
<code>selection={{selection}}</code>
<hr/>
<divclass="container"
ng-switchon="selection">
<divclass="switch"ng-switch-when="Home">Home Div</div>
<divclass="switch"ng-switch-when="About">About Div</div>
<divclass="switch"ng-switch-when="Contact">Contact Div</div>
<divclass="switch"ng-switch-when="Product">Product Div</div>
</div>


</div>


  <style>


      .container {


  position:relative;


  background:white;


  border:1px solid black;


  height:40px;


  overflow:hidden;


  width:400px;


} 


  </style>


</body>


</html>
answer 415870103102710

 

Liked By