Angularjs NG-重复计数器 [英] Angularjs ng-repeat counter

问题描述

我使用angularjs。我有一个NG重复显示的问题。我需要把出与1开始，持续到的问题，到底问题编号。如何显示和增加这样一个计数器NG-重复？

 ＆LT; UL＆GT;
    ＆LT;李NG重复=，在问题的问题|过滤器：{questionTypesId：questionType，选择：真正}＆GT;
        ＆LT; D​​IV＆GT;
            ＆LT;跨度类=名＆GT;
                {{question.questionText}}
            ＆LT; / SPAN＆GT;
        ＆LT; / DIV＆GT;
        ＆LT; UL＆GT;
            ＆LT;李NG重复=答案question.answers​​＆GT;
                ＆LT;跨度类=名＆GT;
                    {{answer.selector}}。 {{answer.answerText}}
                ＆LT; / SPAN＆GT;
            ＆LT; /李＆GT;
        ＆LT; / UL＆GT;
    ＆LT; /李＆GT;
＆LT; / UL＆GT;
 

解决方案

Angularjs文档充满例子，你只需要花费一些时间，并探索它。

在这里看到这个例子： ngRepeat例如，这是相同的情况下，

\r

\r

＆LT; UL＆GT;\r
    ＆LT;李NG重复=，在问题的问题|过滤器：{questionTypesId：questionType，选择：真正}＆GT;\r
        ＆LT; D​​IV＆GT;\r
            ＆LT;跨度类=名＆GT;\r
                {{$指数+ 1}} {{question.questionText}}\r
            ＆LT; / SPAN＆GT;\r
        ＆LT; / DIV＆GT;\r
        ＆LT; UL＆GT;\r
            ＆LT;李NG重复=答案question.answers​​＆GT;\r
                ＆LT;跨度类=名＆GT;\r
                    {{answer.selector}}。 {{answer.answerText}}\r
                ＆LT; / SPAN＆GT;\r
            ＆LT; /李＆GT;\r
        ＆LT; / UL＆GT;\r
    ＆LT; /李＆GT;\r
＆LT; / UL＆GT;

\r

\r

\r

I am using angularjs. I have a ng-repeat that displays questions. I need to out put a question number that starts with 1 and continues till the end of the questions. How do I display and increment such a counter in the 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 documentation is full of examples, you just need to take some time and explore it.

See this example here : ngRepeat example , it's the same case.

<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>

这篇关于Angularjs NG-重复计数器的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！