Typo3 Carousel DCE 优化代码

Question

我想优化我的工作轮播，我想使用 for:each。

有人可能看到我的错误吗？

Working Quote Code

New not working Quote Code

Answer 1

<div class="carousel slide" data-ride="carousel" id="quote-carousel">

    <!-- Bottom Carousel Indicators -->
    <ol class="carousel-indicators">
        <f:for each="{field.person}" as="person" iteration=“iterator“>
                  <li data-target="#quote-carousel" data-slide-to="{iterator.index}" {'class="active"'->f:if(condition:iterator.isFirst)}></li>
        </f:for>
    </ol>

    <!-- Carousel Slides / Quotes -->
    <div class="carousel-inner" role="listbox">
        <f:for each="{field.person}" as="person" iteration=“iterator“>
            <!-- Quote {iterator.index -->
            <div class="item {'active'->f:if(condition:iterator.isFirst)}">
                <blockquote>
                    <f:format.html>{person.expert}</f:format.html>
                    <small>{person.expertName}</small>
                </blockquote>
            </div>
        </f:for>
    </div>

    <!-- Carousel Buttons Next/Prev -->
    <a data-slide="prev" href="#quote-carousel" class="left carousel-control">
        <span style="top: 25%;" class="glyphicon glyphicon-chevron-left"></span>
        <span class="sr-only">Previous</span>
    </a>
    <a data-slide="next" href="#quote-carousel" class="right carousel-control">
        <span style="top: 25%;" class="glyphicon glyphicon-chevron-right"></span>
        <span class="sr-only">Next</span>
    </a>
</div>