title: AngularJS - Directive two way binding not working with ISOLATED Scope
body: <p>I am building a demo weather app, by using controller/provider &amp; 2 directives,( with isolated scope, one directive for rendering week worth forecast &amp; another directive to display clicked weekday forecast on top of the page).</p>
  
  <p>On click on one of the week days I am trying to show clicked weekday on top of the screen. <strong>This works fine if I remove Isolated scope in directives however it does not work with isolated scope in place.</strong> </p>
  
  <p>Can anyone please suggest what I am missing here?</p>
  
  <p>Link: A directive with Isolated Scope: <a href="http://plnkr.co/edit/L9AcMv?p=preview" rel="nofollow">http://plnkr.co/edit/L9AcMv?p=preview</a> ( <strong>this does not work? What Am I missing here?</strong>)</p>
  
  <p><strong>Code for your reference:</strong></p>
  
  <pre><code>    app.directive('myWeather', function() {
        return {
          restrict: 'EA',
          transclude: 'true',
  //If I comment below scope then it works fine though it does not if I am using isolated scope
          scope: {
            place: '=' //Two-way data binding
          },
          templateUrl: 'my-weather.html'
        };
      });
  
      app.directive('selectedWeather', function() {
        return {
          restrict: 'EA',
          transclude: 'true',
  //If I comment below scope then it works fine though it does not if I am using isolated scope
          scope: {
            place: '=' //Two-way data binding
          },
          templateUrl: 'selected-weather.html'
        };
      });
  </code></pre>
  
  <p>Many Thanks,</p>