在使用AngularJS的 ng-repeat 指令时，如果数据为空，我们可能希望显示一些友好的提示信息。本文将介绍两种方法来实现这一目标。
方法1：ng-if
我们可以通过添加一个 ng-if 条件来检查 ng-repeat 是否有数据，如果没有，就显示一段提示信息。例如：
<ul> <li ng-repeat="item in items">{{ item }}</li> <li ng-if="!items.length">暂无数据</li> </ul>
在上面的代码中，我们使用了一个 ng-if 条件，它检查了 items 数组是否为空，如果是，就显示 “暂无数据” 的提示信息。
方法2：ng-show
另外一种方法是使用 ng-show 指令来控制提示信息的显隐，例如：
<ul> <li ng-repeat="item in items">{{ item }}</li> </ul> <div ng-show="!items.length">暂无数据</div>
在这个例子中，我们仍然使用 items 数组判断 ng-repeat 是否为空，但我们使用了 ng-show 来控制提示信息的显隐。
总结
以上两种方法都可以用来在 ng-repeat 为空时显示提示信息。选择哪种方法取决于你的具体需求和代码风格。需要注意的是，如果你使用方法1，那么在 ng-if 条件为真时，DOM 中不会存在提示信息的元素；而如果你使用方法2，无论 ng-show 条件为真或假，提示信息的元素始终存在于 DOM 中，只是隐藏或显示而已。
我们可以根据具体需求来选择合适的方法。在实际项目中，我们可以使用 ng-class 或 ng-style 等指令来进一步美化提示信息的样式，并让其更加友好和易读。
示例代码
-- -------------------- ---- ------- ---- -------------- ----------------------- ---- --- --------------- -- --------- ---- ------- ----- ---- -------------------------------- ---- ---- --- --------------- -- --------- ---- ------- ----- ---- ---------------------------------- ------ -------- --- --- - ----------------------- ---- ------------------------ ---------------- - ------------ - --- --- ---------展开代码
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/31623
