AngularJs ngSwitch

by Vaibhav Jain

HTML

<div ng-app ng-controller="Ctrl"> 
<ul>
    <li><a href="#" ng-click="page='User-1'">User-1</a></li>
    <li><a href="#" ng-click="page='User-2'">User-2</a></li>
</ul>

<div ng-switch on="page">
    <div ng-switch-when="User-1">
        <h1>User-1</h1>
    </div>
    <div ng-switch-when="User-2">
        <h1>User-2</h1>
    </div>
    <div ng-switch-default>
        <h1>Default</h1>
    </div>
</div>
</div>

JavaScript

function Ctrl($scope) {
    $scope.page = 'users';
}