在AngularJS中，ng-repeat是一种非常方便的指令，可以将数组中的元素循环渲染到HTML页面中。但有时候我们需要对ng-repeat循环出的元素进行特殊处理，比如隐藏第一个元素。
下面来介绍两种实现方式。
方式一：使用ng-if指令
ng-if是AngularJS中的一个内置指令，用于根据表达式的值显示或隐藏元素。我们可以利用这个特性来隐藏ng-repeat循环的第一个元素。
示例代码如下：
<ul>
<li ng-repeat="item in items" ng-if="!$first">{{ item }}</li>
</ul>在上面的代码中，ng-if="!$first"表示只有当$first为false时才会渲染该元素，而$first是ng-repeat内置的变量，用于判断当前元素是否为循环中的第一个元素。
方式二：使用ng-class指令
ng-class是AngularJS中的另一个内置指令，用于动态设置元素的class属性。我们可以利用这个指令来给ng-repeat循环出的第一个元素添加一个特殊的class，然后通过CSS样式来把它隐藏起来。
示例代码如下：
-- -------------------- ---- -------
-------
----------- -
-------- -----
-
--------
----
--- --------------- -- ------ ------------------------ ----------- ---- -------
-----在上面的代码中，ng-class="{'hide-first': $first}"表示当元素是循环中的第一个元素时，会动态添加一个名为“hide-first”的class。而CSS样式.hide-first {display: none;}则表示将该元素隐藏。
总结
至此，我们介绍了两种实现ng-repeat隐藏第一个元素的方式，分别是使用ng-if和ng-class指令。这些技巧可以帮助开发者更加灵活地应对各种需求，并提高代码的可读性和可维护性。
希望本文能够给你带来一些帮助，如果有任何问题或建议，欢迎留言讨论。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/25340