Angular: Empty Fiddle

http://angularjs.org/

HTML

<script src="http://code.angularjs.org/angular-1.0.0rc2.js"></script>
<div ng-controller="Ctrl">
  <select ng-model="selection" ng-options="item for item in items">
  </select>
  <hr/>
  <div ng-switch on="selection" >
    <div ng-switch-when="settings" ng-controller="Ctrl1">
        Enter val :
        <input ng-model="text" />
        {{sharedState.key}}
      </div>
    <span ng-switch-when="home" ng-controller="Ctrl2">Home Span {{sharedState.key}}</span>
    <span ng-switch-default>default {{sharedState.key}}</span>
  </div>
</div>

JavaScript

var myApp = angular.module('myApp',[]);

function Ctrl($scope) {
  $scope.items = ['settings', 'home', 'other'];
  $scope.selection = $scope.items[0];
  $scope.text = "Enter val";
      
  $scope.sharedState = { key: ' some value'};
}

function Ctrl1($scope) {
  console.log('hi')
}

function Ctrl2($scope) {
  console.log('hi2')
}