title: Use rootScope variables in my html
body: <p>So we can use scope variables in our angular html easily like this:</p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html ng-app&gt;
    &lt;head&gt;
      &lt;script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.3/angular.min.js"&gt;&lt;/script&gt;
    &lt;/head&gt;
    &lt;body&gt;
      &lt;div&gt;
        &lt;label&gt;Name:&lt;/label&gt;
        &lt;input type="text" ng-model="yourName" placeholder="Enter a name here"&gt;
        &lt;hr&gt;
        &lt;h1&gt;Hello {{yourName}}!&lt;/h1&gt;
      &lt;/div&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>So for example:</p>
  
  <pre><code>&lt;h1&gt;Hello {{yourName}}!&lt;/h1&gt;
  </code></pre>
  
  <p>Is using <code>yourName</code> from the scope I was hoping to do:</p>
  
  <pre><code>&lt;h1&gt;Hello {{yourName}} you are in in {{$rootScope.zoneName}}!&lt;/h1&gt;
  </code></pre>
  
  <p>Is it possible to bring <code>$rootScope</code> variables in like this?</p>