使用 AngularJS 获取“ng-repeat”项目的索引(计数器)?

2024-02-11

我正在使用 AngularJS 及其ng-repeat显示一系列问题的指令。我需要对每个问题进行编号1。如何显示和增加这样的计数器ng-repeat?这是我到目前为止所拥有的:

<ul>
    <li ng-repeat="question in questions | filter: {questionTypesId: questionType, selected: true}">
        <div>
            <span class="name">
                {{ question.questionText }}
            </span>
        </div>
        <ul>
            <li ng-repeat="answer in question.answers">
                <span class="name">
                    {{answer.selector}}. {{ answer.answerText }}
                </span>
            </li>
        </ul>
    </li>
</ul>

Angularjs 文档充满了示例,您只需要花一些时间来探索它。

请参阅此处的示例:ng重复示例 https://docs.angularjs.org/api/ng/directive/ngRepeat#example,也是同样的情况。

<ul>
    <li ng-repeat="question in questions | filter: {questionTypesId: questionType, selected: true}">
        <div>
            <span class="name">
                {{$index + 1}} {{ question.questionText }}
            </span>
        </div>
        <ul>
            <li ng-repeat="answer in question.answers">
                <span class="name">
                    {{answer.selector}}. {{ answer.answerText }}
                </span>
            </li>
        </ul>
    </li>
</ul>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

使用 AngularJS 获取“ng-repeat”项目的索引(计数器)? 的相关文章

随机推荐