Javascript 在新行中显示输入数组元素

我们有一个问题，我们想在新行中显示数组的元素。下面是我的代码

<textarea class="form-control" type="text" data-ng-model="arrColumnNames" ng-list="&#10;" ng-trim="false"  required
    name="arrColumnNames" required minlength="0"
    placeholder=""
    class="form-control"></textarea>

<textarea id="test" class="form-control"  style="margin-top:2%; width: 60%;" rows="10" >
Resulting definition:<![CDATA[<?xml version='1.0' encoding='UTF-8'?>
<Scols >
<scol>{{arrColumnNames}}</scol>
</Scols>
]]>
</textarea>

由此产生的定义：
{{arrColumnNames}
]]>

在上面的代码中，在第一个输入文本区域（使用textarea class=“form control”），用户输入数组元素。我希望那些用户输入的数组元素以id=“test”显示在textarea中。当数组以id=“test”显示在textarea中时，它将水平显示，例如，如果用户在输入文本区域中输入三个元素（以textarea class=“form control”），则id=“test”的textarea将显示以下内容

<scol>["s1","s2","s3"]</scol>

[“s1”、“s2”、“s3”]

我想知道如何显示如下所示的元素

预期产量

<scol>s1</scol>
<scol>s2</scol>
<scol>s3</scol>

s1
s2
s3

---

是否有任何方法以上述格式显示数组的元素。非常感谢您在以上方面的帮助。提前感谢

您应该使用

ng repeat

<Scols>
    <scol ng-repeat="values in arrColumnNames">{{values}}</scol>
</Scols>

{{values}}

---

检查一下

我想你还不明白我的要求。在第一个输入文本区域（使用textarea class=“form control”），用户输入数组元素。我希望这些用户输入的数组元素以id=“test”显示在textarea中。如上所述，其当前显示为[“s1”、“s2”、“s3”]。但是希望它显示为s1 s2 s3，希望现在要求清楚了。@vr3w3c9我想你已经更新了问题，请检查这个JSFIDLE:。您需要传递有效的json数组（

[“s1”、“s2”、“s3”]

）才能使其工作感谢更新。但我仍然不明白你的小提琴代码在做什么。我认为这与我提出的问题没有任何关系。即使在Todo textArea中插入值并在文本框中传递有效数组，我也无法查看{{values}}}
中的任何数据，因为ng repeat仅对数组有效，例如：[“s1”、“s2”、“s3”]在textArea中键入时，用户如何区分数组元素？从上面看，这是用户在textarea中键入的[“s1”、“s2”、“s3”]吗？