輸入一個數組並獲取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中元素的索引

回答

相關問題