python - Django - 如何将项目添加到 Bootstrap 下拉列表？

Question

对于一些背景，我使用 Django 和 Bootstrap 构建一个待办事项列表作为副项目。我遇到的问题是我无法将项目添加到下拉列表中。我想要一个下拉列表来包含人员姓名列表，但是当我尝试将它们添加到下拉列表中时，它们不会出现。

这是我的观点。正如您所看到的，我正在传递一个名称列表作为示例。

def index(request):

form = TodoForm()
people = ['person1', 'person2', 'person3']

if request.user.is_authenticated is False:
    return render(request, 'main/index.html', {'todo_list': [], 'form': form})

user = User.objects.get(pk=request.user.id)
todo_list = user.todo_set.all().order_by('id')
return render(request, 'main/index.html', {'todo_list': todo_list, 'form': form, 'people': people})

这是我从 Bootstrap 获得的下拉菜单:

            <div class="dropdown">
            <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                Remind others
            </button>
            <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                {% for person in people %}
                    <a class="dropdwon-item" href="#">{{ person }}</a>
                {% endfor %}
            </div>
        </div>

当我运行此代码时，我确实看到了下拉按钮，但是当我单击时，它会下拉，但不显示任何名称。这只是一个空白的下拉列表。

我知道下拉列表可以工作，因为当我运行下面的代码时它可以完美工作。

            <div class="dropdown">
            <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                Remind others
            </button>
            <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                <a class="dropdown-item" href="#"></a>
                <a class="dropdown-item" href="#">Another action</a>
                <a class="dropdown-item" href="#">Something else here</a>
            </div>
        </div>

感谢任何帮助，谢谢。

Answer 1

你的代码看起来不错。然而如果 request.user.is_authenticated 为 False: 阻止 people 进入您的 html 页面。只需记住进行身份验证即可查看完整的下拉菜单:)