title: Ng-show & ng-hide using $rootScope in my project?
body: <p>I have this code bellow and is working well, I would like to know how can make this variable show in my root-scope?</p>
  
  <p>the problem is I am using now different controllers and directives 
  so:</p>
  
  <p>if I put this in  directive1:</p>
  
  <pre><code>&lt;a href="" ng-click="showme=true"&gt;Show&lt;/a&gt;
  &lt;button ng-click="showme=false"&gt;Hide&lt;/button&gt; 
  </code></pre>
  
  <p>and this in directive2 does not work:</p>
  
  <pre><code> &lt;div class="wrapper"&gt;
          &lt;p ng-hide="showme"&gt;It will appear here!&lt;/p&gt;
          &lt;h2 ng-show="showme"&gt;This is mah content, yo!&lt;/h2&gt;
        &lt;/div&gt;
  </code></pre>
  
  <p>full code working if in the same directive html + angular</p>
  
  <pre><code> &lt;div ng-app=""&gt;
        &lt;h1&gt;Ng-show &amp; ng-hide&lt;/h1&gt;
        &lt;p class="description"&gt;Click on the "show"-link to see the content.&lt;/p&gt;
        &lt;a href="" ng-click="showme=true"&gt;Show&lt;/a&gt;
        &lt;button ng-click="showme=false"&gt;Hide&lt;/button&gt; 
  
        &lt;div class="wrapper"&gt;
          &lt;p ng-hide="showme"&gt;It will appear here!&lt;/p&gt;
          &lt;h2 ng-show="showme"&gt;This is mah content, yo!&lt;/h2&gt;
        &lt;/div&gt;
  
      &lt;/div&gt; 
  </code></pre>
  
  <p>I heard about I can use something like: <code>$rootScope</code> but how I can implement this in that case? thank you.</p>