title: convert new line /n to a line break in angular
body: <p>I have a string which contain new line character /n. Trying to display </p>
  
  <p>the string. Instead of taking the /n as new line, it displays '/n' as text.</p>
  
  <pre><code>   $scope.myOutput = " Hello /n"
  
      {{ myOutput | textFormat }}
  </code></pre>
  
  <p>Required -> Hello (on html page)</p>
  
  <p>Tried :</p>
  
  <pre><code> app.filter('textFormat', function() {
      return function(x) {
        return x.replace(/\\n/g, '&lt;br/&gt;');
     }
  </code></pre>
  
  <p>Tried css styles like white-space: pre;</p>