title: Angular textarea newline not working when ng-model is changed
body: <p>I have a text area bound to a variable in the controller using ngModel. The problem is only the initialized value is displayed in the textarea with proper new line formatting . When I change value of the model that has \n, it shows the text \n rather than the expected new line. Has anyone encountered this before? I'm using Angular 1.2.28</p>
  
  <p><strong>Controller</strong></p>
  
  <pre><code>ctrlFunction = function () {
  return {
      restrict: 'AE',
      templateUrl: 'my/view/path.html',
      link: function (scope, element, attrs) {
  
          scope.text = '\nLOOP 100\n  WAIT 5\n  input hello\n  if 1\n    message\n  endif\nENDLOOP\nHANGUP\n\n\n\u0000';
  
          scope.changeText= function(){
                   scope.text='\nLOOP 100\n  WAIT 5\n  input hello\n  if 1\n    message\n  endif\nENDLOOP\nHANGUP\n\n\n\u0000';
              }
          }
      }
  }
  </code></pre>
  
  <p><strong>View</strong></p>
  
  <pre><code>  &lt;textarea class="form-control" ng-model="text"&gt;&lt;/textarea&gt;
    &lt;button ng-click="changeText()"&gt;&lt;/button&gt;
  </code></pre>
  
  <p><strong>Before clicking the button</strong>
  <img src="https://i.stack.imgur.com/X6BXs.png" alt="enter image description here"></p>
  
  <p><strong>After</strong>
  <img src="https://i.stack.imgur.com/3MsnK.png" alt="enter image description here"></p>
  
  <p><strong>EDIT:</strong></p>
  
  <p>I forgot to mention <code>"&amp;#13;" or "&lt;br /&gt;"</code> did not work either. In fact they did not work even during the initialization of the model</p>