如何一次只生成 x 个 html 元素

Question

所以我有这个 ASP.NET 页面，其中连接了一个数据库。 在这个数据库中，我有 100 个虚拟用户。

我想一次生成两个 html 元素 (<div/>)，这样它就不会填满 html 文档。

这是我目前所拥有的

@for (int i = 0; i < Model.UserList.Count; i += 2)
            {
                var displayUsers = Model.UserList.Skip(i).Take(2);

                foreach (var user in displayUsers)
                {
                    <div class="card-item"></div>
                }

            }

您可以看到它一次生成两个，但没有什么可以阻止它。 这将继续生成那些<div/> 标签，直到它位于列表的末尾。 我希望能够有一个简单的按钮，我单击它会在单击时删除一个，然后在我再次单击时再删除一个，一旦这些按钮消失，它就会从列表中获取下两个。

但是我不知道我应该怎么做，创建一个按钮来移除元素，然后有某种标志说好的，把接下来的两个带进来。

我应该使用什么方法来解决这个问题？

Answer 1

你必须为此使用 JS。 Razor 在服务器上执行。