Angular: ngSwitch without ngRepeat

by Sylla

HTML

<div>
    <div class="click">
		<div data-ng-click="sw='Test1'">Test1</div>
		<div data-ng-click="sw='Test2'">Test2</div>
        <div data-ng-click="sw='Test3'">Test3</div>
	</div>
	
	<div class="switch" data-ng-switch on="sw">
		<div ng-switch-when="Test1">Some text 1</div>
		<div ng-switch-when="Test2">Some text 2</div>
        <div ng-switch-when="Test3">Some text 3</div>
    </div>
</div>

CSS

.click {
    padding: 10px;
    display: inline-block;
}

.switch {
    color: blue;
    display: inline-block;
    vertical-align: top;
    padding: 10px;
}