在AngularJS中，`ng-repeat`指令是一种非常强大的功能，用于在HTML元素上迭代数组或对象集合，并为每个项创建一个新的视图。本篇将详细解释如何在`ng-repeat`中处理数组中的数组实例。
我们需要了解`ng-repeat`的基本语法。它遵循以下格式：
```html
<element ng-repeat="item in items"></element>
```
在这里，`items`是包含数据的数组或对象，而`item`是在循环中的当前项。
在标题提及的实例中，我们有一个数组`arrs`，其中包含多个对象，每个对象都有一个属性`n`和一个数组属性`arr`。下面是这个数组的定义：
```javascript
var app = angular.module('serApp', []);
app.controller('indexCtrl', function($scope, $http) {
$scope.arrs = [
{
n: 'a',
arr: ['1', '2', '1']
},
{
n: 'b',
arr: ['4', '5', '6']
}
];
});
```
在HTML模板中，我们使用`ng-repeat`来遍历这个数组：
```html
<div ng-controller="indexCtrl">
<p>{{name}}</p>
<ul>
<li ng-repeat="name in arrs">
{{name.n}}
<p ng-repeat="a in name.arr track by $index" id="{{$index}}">{{a}}</p>
</li>
</ul>
</div>
```
在这个例子中，外层`ng-repeat`遍历`$scope.arrs`，并把当前对象赋值给`name`。然后，内层`ng-repeat`遍历`name.arr`，将数组中的元素赋值给`a`。`track by $index`是用于解决在迭代过程中可能出现的重复值问题，如果没有此语句，当数组中有重复值时，AngularJS会抛出`ngRepeat:dupes`错误，因为默认情况下，它不允许重复的键。
`track by`表达式可以是任何能唯一标识数组中项的值。在这个例子中，由于我们使用`$index`作为跟踪标识，AngularJS将根据索引来区分不同的项，即使它们的值相同。`id="{{$index}}"`则是为了给每个`<p>`元素设置一个唯一的ID，便于DOM操作或CSS选择器使用。
总结一下，`angular ng-repeat`处理数组中的数组实例的关键在于理解如何在嵌套的`ng-repeat`中分别迭代外部数组和内部数组，以及如何使用`track by`避免重复值的问题。这使得我们可以轻松地将复杂的数据结构展示在用户界面上。
