title: ng-switch not reacting to dynamic value change
body: <p>i am new and experimenting with AngularJS.</p>
  
  <p>That being said, i am unsure how to bind value to an ng-switch and change between views dynamically by changing the 'activeView' variable value.</p>
  
  <p>Side note: is it a good practice to switch between views like this? The views are different ways of displaying the same data so its pretty much the same context and i did not see a reason to create a different page for the two views. Oh and the views contents are actually directives components.</p>
  
  <p>the html:</p>
  
  <pre><code>&lt;body ng-controller="SomeController as vm"&gt;
      &lt;div ng-switch="{{vm.activeView}}"&gt;
          &lt;div ng-switch-when="someView"&gt;
              some directive component
          &lt;/div&gt;
  
          &lt;div ng-switch-when="anotherView"&gt;
              another directive component
          &lt;/div&gt;
  
          &lt;div ng-switch-default&gt;
              nothing to show
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>the controller:</p>
  
  <pre><code>(function () {
  'use strict';
  
  angular
      .module('app')
      .controller('SomeController', SomeController);
  
  function SomeController() {
      var vm = this;
  
      vm.activeView = '';
  
      function setViewType(viewType) {
          vm.viewTypes = viewType;
      }
  
      setViewType('anotherView');
  }
  })();
  </code></pre>
  
  <p>So what happen is that the default switch is visible, event after calling setViewType('anotherView');</p>
  
  <p>Thanks in advance!</p>