输入一个数组并获取Angular js中元素的索引

我有一个输入文本区域，其中的类型是一个数组。我想知道是否有办法，一旦用户以逗号分隔形式输入文本区域中的数据以列出数组，是否有办法获取数组中输入的元素的索引。下面是当用户在逗号分隔形式的文本区域进入值，怎样可以得到在阵列“arrColNames”元素的索引的代码输入一个数组并获取Angular js中元素的索引

<label>Enter values in comma separated way ex: s1,s22</label> 

    <textarea class="form-control" type="text" data-ng-model="arrColNames" ng-list required 
    name="arrColNames" required minlength="0" 
    placeholder="Name,Age,X,Y" 
    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'?> 
<Tgtcols> 
<tcol index="{{$index}}">{{arrColNames}}</tcol> 
</Tgtcols> 
]]> 
</textarea>

。在上面的例子中，当用户输入像s1，s2这样的输入时，arrColNames值将被填充到id =“test”的textarea中。但我希望数组中的元素的索引也可以填充。为了进一步阐述，我正在寻找像下面这样的东西。如果用户在文本区域输入以下值

Textarea input c1,c2,c3 

expected output 
<tcol index=[0,1,2]>["c1","c2","c3"]</tcol>

对此的任何帮助都非常感谢。在此先感谢

来源

2016-09-28 vr3w3c9

元素的索引对你意味着什么，你能准确地解释你需要什么吗？ – Viplock

“但我希望数组中的元素索引也可以填充，”你可以提供一些例子，看看它的样子。提供一些数据的例子。 – Viplock

您可以在id =“test”的第二个文本区域中简单地提供ng-bind =“arrColNames”。此外，要获取索引，可以在“arrColNames”属性上创建监视功能，将其分割为“，”并将其分配给另一个数组属性。例如

$scope.arr = []; 
$scope.$watch('arrColNames', function(newValue, oldValue){ 
    arr = newValue.split(','); 
})

来源

2016-09-28 07:20:37

输入一个数组并获取Angular js中元素的索引

回答

相关问题