title: Change font color of text in $scope variable in AngularJS
body: <p>I am using AngularJS. I have a scope variable <code>$scope.TextToUser</code> which is printed in html to be shown to user on website. In my controller, the code is simple and looks like this;</p>
  
  <pre><code>$scope.TextToUser='UserText'
  </code></pre>
  
  <p>On the corresponding html page, the code is just <code>{{TextToUser}}</code>.</p>
  
  <p>I tried to turn the text to red by using the following code in the controller;</p>
  
  <pre><code>$scope.TextToUser = '&lt;font size="3" color="red"&gt; 'UserText'&lt;/font&gt;'
  </code></pre>
  
  <p>Unfortunately, on the html page, the entire string was printed and not <code>UserText</code> in red. How can I turn the text red? Simple, straight-forward methods will be preferred.</p>