带Django的Bootstrap4多滑块转盘

Question

我正在尝试用Django和Bootstrap构建一个动态的多幻灯片旋转木马

按照here中的说明，我构建了以下内容，但是html有一个问题，因为来自模型的数据没有呈现在屏幕上。（我确信下面的内容有问题，因为我在页面上有另一个类似的旋转木马，可以正常工作）

template.html：

      <div class="container"> 
        <div id="modelCarousel" class="carousel slide" data-ride="carousel">
          <ol class="carousel-indicators">
            {% for modelInstance in modelData %}
            {% if forloop.first %}
            <li data-target="#modelCarousel" data-slide-to="0" class="active"></li>
            <li data-target="#modelCarousel" data-slide-to="1"></li>
            <li data-target="#modelCarousel" data-slide-to="2"></li>
            {% endif %}
          </ol>
          <div class="carousel-inner" role="listbox">
            <div class="carousel-item active">
              <img data-src="{{ model.image }}">
            </div>
          </div>
          {% endfor %}
          <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
            <span class="icon-prev" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
          </a>
          <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
            <span class="icon-next" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
          </a>
        </div>

谢谢

Answer 1

最简单的解释方法是：

                     {% for modelInstance in modelData %}
          <img data-src="{{ model.image }}">