在 html 列表中淘汰 foreach

Question

我有一个问题，我不知道如何在html列表中实现foreach。这是我的代码：

<ul class="dropdown-menu">
    <li class="form-group col-sm-12 bg-orange">
        <p>Alert Messages</p>
    </li>
    <!-- ko: foreach: TopAlertMessage -->
    <li class="col-sm-12">
        <a href="#" class="row btn">
            <p data-bind="text: Message"></p>
        </a>
    </li>
    <!-- /ko -->
    <li class="form-group col-sm-12 alert-footer">
        <p class="row color-orange" data-bind="click: ClickViewAllTask">
            view all tasks
        </p>
    </li>
</ul>

TopAlertMessage 值如下：

这是列表界面

希望有人可以帮助我。

Answer 1

您的代码看起来不错，除了评论标签中的ko 后面不应该有:：

<!-- ko foreach: TopAlertMessage -->