配列を入力し、要素のインデックスをAngular jsで取得します

Question

型が配列の入力テキスト領域があります。私は方法があるかどうかを知りたいのですが、ユーザーがテキストエリアにデータを入力してカンマで区切って配列を表示すると、配列に入力された要素のインデックスを取得する方法があります。ユーザーは、私は、アレイ「arrColNames」の要素のインデックスを取得することができますどのように、カンマ区切り形式のテキストエリアに値を入力したときに、以下のコード

<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 input c1,c2,c3 

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

これについての助けがあれば大歓迎です。ありがとうございます。

Answer 1

id = "test"の2番目のテキストエリアにng-bind = "arrColNames"を入力するだけです。また、インデックスを取得するには、 "arrColNames"プロパティでウォッチ関数を作成し、それを "、"に分割し、別の配列プロパティに割り当てます。例：

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