title: How to make a variable change in one directive to get reflected in another directve
body: <p>How do i change the value of <code>bar</code> from <code>directive2</code> so that it is reflected in <code>directive1</code></p>
  
  <p>If i make the <code>scope:false</code> it is happening.<br>Is there any other way, to make this happen.(because in the code i am writting , i cannot make <code>scope:false</code>).<br>
  My basic requirement is to make one directive to talk to another.<br>
  <a href="http://plnkr.co/edit/PXUkKl9UtvHE8HxHrvhD?p=preview" rel="nofollow">Here</a> you can try the <strong>plunkr</strong> version of the below code</p>
  
  <p><strong>HTML snippet</strong></p>
  
  <pre><code>&lt;body ng-controller="MainCtrl"&gt;
    this is directive1: &lt;div directive1&gt;&lt;/div&gt;.&lt;br/&gt;
    this is directive2: &lt;div directive2&gt;&lt;/div&gt;.
  &lt;/body&gt;
  </code></pre>
  
  <p><strong>JS snippet</strong>  </p>
  
  <pre><code>var app = angular.module('myApp', []);
  
  app.directive('directive1', function() {
      return {
          restrict: 'A',
  
          replace: true,
          template: '&lt;span&gt;{{bar}}&lt;/span&gt;'
      }
  
      });
  
  app.directive('directive2', function() {
    return {
        restrict: 'A',
        scope:{
  
  
        },
         replace: true,
         link:function(s,e,a){
           s.bar = "Changed value";
         },
         template: '&lt;b&gt;{{bar}}&lt;/b&gt;'
    }
  
  });
  
  app.controller('MainCtrl', function($scope) {
    $scope.name = 'World';
    $scope.bar ="original value";
  });
  </code></pre>