Angular: Empty Fiddle

http://angularjs.org/

HTML

<script src="http://code.angularjs.org/angular-1.0.1.js"></script>
<div ng-controller="MyCtrl">
    {{data|json}}
  <div ng-switch="section.name">
      <div ng-switch-when="one">
          <div ng-controller="DataController">
              <select ng-model="data.selected" ng-options="p.proxyType as p.proxyType for p in proxyOptions"></select>
              
              <!-- use ng-switch on data.selected, and provide type specific fields -->
              
          </div>
          <button ng-click="section.name='two'">Next</button>
      </div>
      <div ng-switch-when="two">
          <button ng-click="section.name='one'">Prev</button>
      </div>
  </div>
</div>

JavaScript

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

//myApp.directive('myDirective', function() {});
//myApp.factory('myService', function() {});
function DataController($scope) {
    $scope.proxyOptions=[
        {proxyType:'None'},
        {proxyType:'Manual'},
        {proxyType:'Automatic'}
    ];
}

function MyCtrl($scope) {
    
    
    $scope.section = {
        name:'one'
    };
    

    
    $scope.data={
        selected: 'None'    
    };
    
    //$scope.data.selected=$scope.proxyOptions[0]; //works
    //$scope.data.selected={proxyType:'None'}; //does not
}