Question

我是编程方面的新手，当然还有AngularJS，但我会尝试让我的问题变得简单。

我有一个Angularjs种子，我的一个部分是使用了一个傻瓜。我正在尝试使用ng-repeat来填充我的所有定价表，但一开始它只显示一个。

现在奇怪的是，如果我点击F12打开控制台，它会显示我的所有定价表都正确填充了信息。

以下是代码：

            <div class="row">
            <div class="swiper-container">
            <div class="swiper-wrapper">
            <div class="swiper-slide" ng-repeat="list in mercados">
                <fieldset>
                    <ul class="pricing-table">
                    <li class="title" id="titulo"> {{list.me_nome}} </li>
                    <li class="lotacao" id="lotacao"> {{list.me_lotacao}} </li>
                    <li class="description" id="morada"><h5> {{list.me_morada}} </h5></li>
                    <li class="description" id="horario"><h6>Horário: <li> {{list.me_horario}} <li> {{list.me_horariofds}} </li></li></h6></li>
                    <li class="cta-button"><a class="medium button round" href="#dashespacos" data-reveal-id="frmEmissaoFat">Entrar</a></li>
                    </ul>
                </fieldset>
            </div>
            </div>
            <div class="pagination"></div>
            </div>
        </div>

当我打开控制台并点击F5时，控制台会向我显示： [Object, Object, Object, Object, Object, Object, Object, Object, Object, Object] （仅显示1个定价表）。

当我关闭控制台并再次点击F12时，控制台会向我显示：

Array[10]
0: Object
1: Object
2: Object
3: Object
4: Object
5: Object
6: Object
7: Object
8: Object
9: Object
length: 10
__proto__: Array[0]

它显示了我所有的打印表格。

任何提示？

提前致谢。

Answer 1

看看是否有效：

<div class="swiper-slide" ng-repeat="list in mercados">
    <fieldset ng-repeat="(key,value) in list">
        <div>{{value}}</div>
    </fieldset>
</div>

为了有条件地设置内容样式，您可以使用 ng-class 。

ng-Repeat在开始时不重复

1 个答案: