title: angular directive variable not available in parent scope
body: <p>I am currently stuck on hopefully a simple problem:</p>
  
  <p>I have a controller.js</p>
  
  <pre><code>app.controller('WizardCtrl', function ($scope) {
    $scope.send = function() {
      console.log($scope.isPasswordChanged)
    }
  });
  </code></pre>
  
  <p>My view.html</p>
  
  <pre><code>isPasswordChanged: {{ isPasswordChanged }} &lt;br&gt;
  &lt;update-password-field is-changed="isPasswordChanged"&gt;&lt;/update-password-field&gt;
  &lt;button ng-click="send()"&gt;&lt;/button&gt;
  </code></pre>
  
  <p>My directive.js</p>
  
  <pre><code>app.directive('updatePasswordField', function () {
    return {
      restrict: 'E',
      scope: {
        isChanged: "="
      },
      templateUrl: "password-field-directive.html",
      link: function (scope) {
          // some magic to set isChanged value to true of false 
      }
    }
  });
  </code></pre>
  
  <p>So in my view.html I can see the changes of "isPasswordChanged", to it is somehow in my $scope, but if I console.log($scope) the "isPasswordChanged" is not present.</p>
  
  <p>Why and how to make it present? </p>