title: Multiple directives [ngController, ...] asking for new/isolated scope
body: <p>I have the following (<a href="https://jsfiddle.net/hhgqup4f/5/" rel="nofollow">https://jsfiddle.net/hhgqup4f/5/</a>):</p>
  
  <pre><code>&lt;div parent parent-model="vm.model1" ng-controller="Controller as vm"&gt;
     Parent
  &lt;/div&gt;
  </code></pre>
  
  <p>And the controller is:</p>
  
  <pre><code>app.controller("Controller", Controller);
  
  function Controller() {
    var vm = this;
    vm.model1 = "My Model 1";
    vm.model2 = "My Model 2";
  }
  </code></pre>
  
  <p>And then I have a directive as follows:</p>
  
  <pre><code>app.directive("parent", parent);
  
  function parent() {
  
    var parent = {
      controller: ["$scope", controller],
      replace: false,
      restrict: "A",
      scope: {
        model: "="
      }
    };
  
    return parent;
  
    function controller($scope) { 
      console.log($scope.model);
    } 
  
  }  
  </code></pre>
  
  <p>With parent-model="vm.model1" I am trying to say which property from the controller should be used by the directive. But when I do console.log($scope.model) in the directive I get the error:</p>
  
  <pre><code>"Error: [$compile:multidir] Multiple directives [ngController, parent (module: app)] asking for new/isolated scope on: &lt;div parent="" parent-model="vm.model1" ng-controller="Controller as vm"&gt;
  </code></pre>
  
  <p>How to solve this?</p>