Question

我们遇到了一个问题，我们希望在新行中显示数组的元素。我的代码是

<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>

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

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

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

预期输出

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

有没有办法以上述格式显示数组的元素。任何关于上面的帮助非常感谢。在此先感谢

Answer 1

您应该使用ng-repeat

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

检查jsfiddle

在新行

1 个答案: