title: Access parent property from directive controller with ControllerAs syntax and no $scope injection
body: <p>This is a followed up question from <a href="https://stackoverflow.com/questions/30714062/accessing-parent-controllers-scope-within-a-directive-that-uses-controlleras-and/30714226?noredirect=1#comment49492884_30714226">this</a>.</p>
  
  <p>How can I access a property defined in MyController from MyDirectiveController to change its value or just read it and use it for something else? (commented line in the code).</p>
  
  <pre><code>angular
      .module("app",[])
      .controller('MyController', MyController)
      .controller('MyDirectiveController', MyController)
      .directive('myDirective', myDirective);
  
  function MyController() {
      var vm = this;
      vm.foo = 'fooController';
  }
  
  function myDirective() {
      return {
          restrict: 'E',
          scope: true,
          controller: MyDirectiveController,
          controllerAs: 'vm',
          template: '{{vmMy.foo}} - {{vm.foo}}'
      }
  }
  
  function MyDirectiveController() {
      var vm = this;
      vm.foo = 'fooDirective'; 
  
      // vmMyfoo = 'fooDirective';
  }
  </code></pre>
  
  <p>Here is the <a href="http://jsfiddle.net/danaya/9yhgjk4g/7/" rel="nofollow noreferrer">jsfiddle</a>.</p>