0

我在编程方面非常新,当然在 AngularJS 方面也是如此,但我会尽量让我的问题变得简单。

我有一个 Angularjs 种子,我的一个部分是使用 swiper 。我正在尝试使用 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]

它显示了我所有的定价表。

有小费吗?

提前致谢。

4

1 回答 1

0

看看这是否有效:

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

要有条件地设置内容样式,您可以使用ng-class

于 2013-07-25T15:29:01.510 回答