title: How to render text saperated by new line in HTML <li> tags?
body: <p>I am working with AngularJS. I got a TextArea which is bound to say 'scope.listOptions' property.</p>
  
  <p>This textarea is expected to contain multiple entries separated by new lines e.g.</p>
  
  <pre>
  Item 1
  Item 2
  Item 3
  </pre>
  
  <p>For each row in textarea, i need to render it in HTML's &lt;LI&gt; tag like</p>
  
  <p><li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li></p>
  
  <p>How can I accomplish this?</p>