title: angular how to let html redner the scope variable as a string
body: <p>Say I have the following line in a controller hmmCtrl:</p>
  
  <pre><code>$rootScope.value = 1;
  $scope.hmm = "{{$root.value}}"
  </code></pre>
  
  <p>And in html, if I have:</p>
  
  <pre><code>&lt;section ng-controller="hmmCtrl"&gt;
   {{hmm}}
  &lt;/section&gt;
  </code></pre>
  
  <p>Currently it displays:</p>
  
  <pre><code>{{$root.value}}
  </code></pre>
  
  <p>but I actually want to see the value of $root.value:</p>
  
  <pre><code>1
  </code></pre>
  
  <p>In the long run I plan to put the $root.value in a json file that is going to be parsed by the hmmCtrl.</p>
  
  <p>How can I make this happen? </p>