如何在插值中使用$ index

Question

我有循环：

<div ng-repeat="item in items"> {{ foo }} </div>

我想使用$index更改范围名称，如下所示： {{ foo + $index }} - 我想要foo0。

这个例子不起作用。我怎么能这样做？

Answer 1

  

字符串应该在quote（双或单）

<div ng-repeat="item in items">
{{"foo" + $index}}
</div>

检查jsfiddle

  

编辑：用$ index

显示变量值

    <div ng-repeat="line in lines">
         {{name}} - {{  $index}}
    </div>

Answer 2

您可以使用函数

显示foo0，foo1等的值

<div ng-repeat="item in items">
{{testFunc('foo',$index)}}
<div>

返回范围变量的值。

$scope.testFunc= function(fieldName,index){

return $scope[fieldName+index];
}

检查 - http://jsfiddle.net/696d98df/

Answer 3

{{ 'foo' + $index }}

这是你需要做的事情

根据您的要求，foo1等的值可以这样显示：

https://jsfiddle.net/jonva/hLj9jm4g/

Value of {{ 'foo' + $index }}

更好的方法是

$scope.foos = ['foo1', 'foo2', 'foo3'] 
//and reference it as 

Value of {{ foos[ $index ]}}

Answer 4

<div ng-repeat="item in items track by $index">
{{"foo" + $index}}
</div>

我认为，这更有用