title: How to change all directive scope value from any one of directive?
body: <p>I have a directive which was repeatedly n times. I have click event action in every directive. Whenever I click, on click function, It change some scope variable names which defined in directive. But It wont change on all other directives? How to achieve this? I have my plunker here.<a href="https://plnkr.co/edit/LXpcgYBHr7iFRJRjTOTs?p=preview" rel="nofollow">example</a></p>
  
  <p>html:</p>
  
  <pre><code>  &lt;!doctype html&gt;
  &lt;html ng-app="myApp" &gt;
  &lt;head&gt;
    &lt;meta charset="utf-8"&gt;
    &lt;title&gt;AngularJS Plunker&lt;/title&gt;
    &lt;script&gt;document.write('&lt;base href="' + document.location + '" /&gt;');&lt;/script&gt;
    &lt;link rel="stylesheet" href="style.css"&gt;
    &lt;script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.6/angular.js"&gt;&lt;/script&gt;
    &lt;script src="script.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;body ng-controller="MainCtrl"&gt;
    this is 1st time: &lt;div sampledirective&gt;&lt;/div&gt;
    &lt;br /&gt;
    this is 2nd time: &lt;div sampledirective&gt;&lt;/div&gt;
    &lt;br /&gt;
    this is 3th time: &lt;div sampledirective&gt;&lt;/div&gt;
    &lt;br /&gt;
    this is 4th time: &lt;div sampledirective&gt;&lt;/div&gt;
    &lt;br /&gt;
    this is 5th time: &lt;div sampledirective&gt;&lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>I have rendered 'sampledirective' as 5 times in my view.</p>
  
  <p>controller:</p>
  
  <pre><code>  app.controller('MainCtrl', function($scope) {
    $scope.name = 'World';
    $scope.bar ="original bar";
    $scope.term = "original term"
    $scope.temp={};
    $scope.callMethod = function (){
      $scope.term = "Changed term"
      $scope.bar = "Changed bar";
      $scope.temp.callMethod();
    }
  
  });
  </code></pre>
  
  <p>I have created one object 'temp' in my controller.</p>
  
  <p>directive:</p>
  
  <pre><code>app.directive('sampledirective', function($http) {
    return {
        restrict: 'A',
        scope:true,
         replace: true,
         link:function(s,e,a){
           s.directive_scope="original directive_scope value";
           s.temp.callMethod = function(){
  
              s.directive_scope="Changed directive_scope value";
           }
  
         },
         template: '&lt;div &gt;&lt;a ng-click="callMethod()"&gt;click_here&lt;/a&gt; &lt;span&gt; &lt;b&gt;{{bar}}&lt;/b&gt;&lt;/span&gt;   &lt;span&gt; &lt;b&gt;{{term}}&lt;/b&gt;&lt;/span&gt;  &lt;span&gt; &lt;b&gt;{{directive_scope}}&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;'
    }
  
  });
  </code></pre>
  
  <p>In my directive template I have 'temp.callMethod()' which is changed the scope variable value 'directive_scope= Changed directive_scope value'. But It was not reflected in other directives. How to achieve this?</p>