<!DOCTYPE html>
<html>
<head>
<title>Wikitechy AngularJS Tutorial</title>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js"></script>
</head>
<body ng-app="">
<h3>ng-switch Directive in AngularJS Tutorial</h3>
Tutorials list:
<select ng-model="topic">
<option value="html">HTML
<option value="css">CSS
<option value="php">PHP
</select>
<div ng-switch="topic">
<div ng-switch-when="html">
<h1>HTML</h1>
<p><b>HTML</b> is a standard markup language for creating web pages</p>
</div>
<div ng-switch-when="css">
<h1>CSS</h1>
<p><b>CSS</b> is used to design style for a web page.</p>
</div>
<div ng-switch-when="php">
<h1>PHP</h1>
<p><b>Hypertext Preprocesso</b>r is used to create dynamic Web pages.</p>
</div>
<div ng-switch-default>
<h1>Switch</h1>
<p>Select topic from the dropdown, to switch the content.</p>
</div>
</div>
</body>
</html>
