使用angularjs ng repeat $ index命名模型

Question

我对Angular一无所知，但我需要将$ index数放在ng-model和src路径（_XXX）中，但我不知道该怎么做。我只需要$ index编号，你能帮我解决这个问题吗？

我试图放{{$ index}}但不起作用......

<div ng-repeat='opt in el.options_final' for='radio{{$index}}'>
    <div class='img-radio'>
        <input id='image_location_{{$index}}' ng-model='el.image_XXX' />
        <img src='{{el.image_XXX}'>
    </div>
</div>

谢谢。

Answer 1

您需要ng-model使用ng-model="el['image_' + $index]" ng-src="{{el['image_' + $index]}}"，同样使用bracket notation并添加索引，<input id='image_location_{{$index}}' ng-model="el['image_' + $index]" /> <img ng-src="{{el['image_' + $index}}">

id_rsa_alt

为什么选择ng-src？

  

在src属性中使用{{hash}}之类的Angular标记无法正常工作：浏览器将使用文字文本{{hash}}从URL中获取，直到Angular替换{{hash}}中的表达式。 ngSrc指令解决了这个问题。