嘿，我来帮你理清楚AngularJS里ng-if和ng-repeat的这些问题～

1. 无标题容器会被创建吗？ #

当你在ng-repeat中配合ng-if判断容器是否有标题时，条件不满足（无标题）的容器根本不会被创建——ng-if的核心逻辑就是：只有当表达式为真时，才会将对应的元素（及其子元素）插入到DOM中；如果为假，会直接移除（或者说从不添加）该元素。和ng-show完全不同，ng-show是不管条件真假，元素都会被渲染到DOM里，只是通过CSS的display: none来隐藏。

举个简单例子：

<div ng-repeat="item in items" ng-if="item.title">
  <h3>{{item.title}}</h3>
  <p>{{item.content}}</p>
</div>

如果某个item没有title属性或者title为空，这个<div>就不会出现在最终的DOM里，连渲染的过程都不会走。

2. 为什么ng-show替代ng-if达不到相同效果？ #

这就是ng-if和ng-show最关键的区别：

• ng-show：DOM元素始终存在，只是视觉上隐藏，里面的指令、绑定都会正常执行，也会占用DOM节点资源。
• ng-if：DOM元素动态增删，条件为假时，元素完全不存在，里面的指令、绑定都不会触发，也不占用DOM资源。

如果你用ng-show替代，无标题的容器还是会被渲染到DOM中，只是看不到，这和你想要的“隐藏（实际是不创建）”效果自然不一样。

3. 能否用ng-if判断下一个容器的内容？ #

当然可以！在ng-repeat里，你可以通过$index（当前项的索引）来访问数组中的下一个元素，从而基于下一个容器的内容来判断当前项是否显示。

举个例子，假设你想只显示那些下一个项有标题的容器：

<div ng-repeat="item in items" ng-if="items[$index + 1] && items[$index + 1].title">
  <!-- 当前项的内容 -->
  <p>{{item.content}}</p>
</div>

这里items[$index + 1]先判断下一个元素是否存在（避免最后一项越界），然后再检查下一个元素的title是否有效。如果满足条件，当前容器才会被创建。

如果你的需求是其他场景（比如根据下一个容器的内容来决定当前容器的样式或显示逻辑），只要基于$index访问数组对应位置的元素即可，ng-if支持任何合法的表达式判断。

内容的提问来源于stack exchange，提问作者Dave