0

私はプログラミング、そしてもちろんAngularJSの初心者ですが、質問を簡単にしようと思います。

Angularjs シードがあり、パーシャルの 1 つは swiper を使用しています。ng-repeat を使用してすべての価格表を埋めようとしていますが、最初は 1 つしか表示されません。

ここで奇妙なことに、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 に答える