一次一个列表项

Question

我是角色的新手，我需要隐藏所有列表元素，并在点击下一个按钮时显示每个列表元素。

如果有人能引导我完成解释jquery中可用命令的文档，我将不胜感激。

<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
<li>Item 4</li>
</ul>

Answer 1

有多种方法可以做到这一点。最好的方法可能是用ng-repeat做一些事情并将列表项的模型存储在一个数组中，但你也可以用这种不太通用的方式来做，用一个变量来保存要显示的项目，一个按钮到增加价值。当然你需要添加一些边界检查。

<ul>
<li ng-show="showItem == 0">Item 1</li>
<li ng-show="showItem == 1">Item 2</li>
<li ng-show="showItem == 2">Item 3</li>
<li ng-show="showItem == 3">Item 4</li>
</ul>
<button ng-click="nextItem()">

在控制器中：

$scope.showItem = 0;
$scope.nextItem = new function() {
  $scope.showItem += 1
};