title: AngularJS 1.2's ngBindHtml doesn't process /r & /n
body: <p>I have a string that looks like this (lots of whitespace, this is just how it comes out on my server):</p>
  
  <pre><code> var care_description = "MATERIAL\r\n    \r\n  56% Acrylic, 24% Rayon, 20% Polyester\r\n \r\n  CARE\r\n  \r\n  Machine Wash, Gentle Or Delicate"
  </code></pre>
  
  <p>I'm using the new <code>Angular 1.2.0</code> ngBindHtml and processing it in my controller like so:</p>
  
  <pre><code>    $scope.care = $sce.trustAsHtml(care_description);
  </code></pre>
  
  <p>(the <code>$scope.records[i].accordions</code> array is just a wrapper for Angular-Bootstrap's Accordions module).</p>
  
  <p>When I put this into my view (via a simple <code>&lt;p ng-bind-html="care"&gt;&lt;/p&gt;</code>)it gets rendered like so:</p>
  
  <pre><code> MATERIAL 56% Acrylic, 24% Rayon, 20% Polyester CARE Machine Wash, Gentle Or Delicate
  </code></pre>
  
  <p>When it should be:</p>
  
  <pre><code>MATERIAL
  
  56% Acrylic, 24% Rayon, 20% Polyester 
  
  CARE 
  
  Machine Wash, Gentle Or Delicate
  </code></pre>
  
  <p>Is the only solution here for me to do a regex replace to find all instances of <code>\r\n</code> and replace them with <code>&lt;br /&gt;</code>?</p>
  
  <p>Edit: I should have mentioned, while there are no <code>HTML</code> tags in the example above, often there will be so I need to use <code>ngBindHtml</code> here rather than <code>&lt;pre&gt;</code> tags.</p>