<!DOCTYPE html>
<html lang="en">
<head>
    <title>Angular Demo</title>
    
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.5/angular.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.5/angular-route.min.js"></script>
    <script>document.write('<base href="' + document.location + '" />');</script>
    <script >
        var myApp = angular.module("AngularApp",['ngRoute']);
        myApp.controller("exampleCtrl", function($scope) {
            $scope.switchVal = {};
            $scope.switchVal.exactVal = "three"

        });
    </script>
</head>

<body ng-app="AngularApp">
<div ng-controller="exampleCtrl">
    <div ng-switch on="switchVal.exactVal">
        <div ng-switch-when="one">You wanted to show first div since you have entered one.</div>
        <div ng-switch-when="two">You wanted to show second div since you have entered two.</div>
        <div ng-switch-when="three">You wanted to show third div since you have entered three.</div>
        <div ng-switch-default>You are in default switch case.</div>
    </div>
</div>
</body>
</html>
// Code goes here

/* Styles go here */