Javascript 如何将li元素绑定到ng repeat中的id以显示不同li的不同图像

这是我的html代码

<ul class="steps-indicator">
    <li ng-repeat="step in steps">
        <a ng-click="goTo(step)">{{step.title || step.wzTitle}}</a>
    </li>
</ul>

我试图在这里实现的是在不同的锚元素前面显示不同的图像

我正在使用ionic for mobile中的angular向导，并自定义进度条元素的外观。这里是链接

任何帮助都将不胜感激

更新：

我想我误解了你的问题。这就是你需要的吗

将所有图像放入“step.images”中，并再次进行ng重复显示

<ul class="steps-indicator">
    <li ng-repeat="step in steps">
        <img ng-src="{{img}}" ng-repeat="img in step.images" />
        <a ng-click="goTo(step)">{{step.title || step.wzTitle}}</a>
    </li>
</ul>

{{step.title | | step.wzTitle}}

如果每个“步骤”只有一个图像，则不需要再对图像使用ng repeat

<ul class="steps-indicator">
    <li ng-repeat="step in steps">
        <img ng-src="{{step.image}}" />
        <a ng-click="goTo(step)">{{step.title || step.wzTitle}}</a>
    </li>
</ul>

{{step.title | | step.wzTitle}}

然后只需修改您的css以显示您喜欢的内容

---

这就是您所需要的吗？

我需要在每个图像之前显示不同的图像，并且ng Repeat中只有1个a。对不起，这并没有解决问题，但我认为这是一个有趣的视图。现在需要的是这样的东西[IMG]也许如果你用plnkr.co或类似的东西做一个现场预览，我们可以帮助你做你所拥有的和你所需要的。我对angular有点陌生。你能告诉我如何“将所有的图像放在”step.images“中，并再次进行ng重复显示这些图像吗？@nada

<ul class="steps-indicator">
    <li ng-repeat="step in steps">
        <img ng-src="{{step.image}}" />
        <a ng-click="goTo(step)">{{step.title || step.wzTitle}}</a>
    </li>
</ul>