如何在HTML <li>标签中用新行分隔文本？</li>

Question

我正在使用AngularJS。我有一个TextArea，它必须说＆＃39; scope.listOptions＆＃39;属性。

此textarea应包含由新行分隔的多个条目，例如

Item 1
Item 2
Item 3

对于textarea中的每一行，我需要在HTML＆lt; LI＆gt;中呈现它。标签如

第1项

第2项

第3项

我该如何做到这一点？

Answer 1

尝试使用split将它们分解为数组，然后遍历数组以将其打印出来。

var items = scope.listOptions.split('\n');
for (var i=0; i < items.length; i++)
{
     output.innerHTML = output.innerHTML + "<li>" + items[i] + "</li>";
}

工作示例：http://jsfiddle.net/B6cNY/