详解angularjs的数组传参方式的简单实现

首先，我们需要了解AngularJS中数组参数的传递方式。在AngularJS中，数组可以通过以下两种方式来传递参数：

1. 通过$scope

我们可以在控制器（Controller）中定义一个数组，并将其赋值给$scope对象。然后，我们可以在HTML视图（View）中使用ng-repeat指令来遍历该数组。下面是一个示例代码：

// 在控制器中定义一个数组
$scope.names = ['Tom', 'Jerry', 'Mickey'];

// 在HTML视图中使用ng-repeat指令遍历该数组
<ul>
  <li ng-repeat="name in names">{{name}}</li>
</ul>

在上面的代码中，ng-repeat指令会根据数组中的元素来生成一些HTML代码，最终显示在页面上。在这里，我们将会看到三个列表项，其内容分别为Tom, Jerry和Mickey。

2. 通过服务（Service）或工厂（Factory）

除了使用$scope对象以外，我们还可以通过服务或工厂来传递数组参数。服务和工厂是AngularJS应用中管理和共享数据的重要组成部分。下面是一个示例代码：

// 在服务中定义一个数组
myApp.service('myService', function() {
  this.names = ['Tom', 'Jerry', 'Mickey'];
});

// 在控制器中注入该服务
myApp.controller('myController', function($scope, myService) {
  // 通过服务传递数组参数
  $scope.names = myService.names;
});

在上面的代码中，我们在服务中定义了一个数组。然后，我们在控制器中注入了该服务，并将服务中的数组赋值给了$scope对象。我们可以在HTML视图中通过ng-repeat指令遍历该数组，从而显示出其中的元素。

综上所述，我们可以通过$scope对象或服务/工厂来传递数组参数，在实际应用中，我们可以根据具体情况选择不同方式。

下面是两个完整示例代码：

示例一：通过$scope对象传递数组参数

// 定义一个控制器
myApp.controller('myController', function($scope) {
  // 定义一个数组并赋值给$scope对象
  $scope.names = ['Tom', 'Jerry', 'Mickey'];
});

<!-- 在HTML视图中使用ng-repeat指令遍历该数组 -->
<ul>
  <li ng-repeat="name in names">{{name}}</li>
</ul>

在上面的代码中，我们定义了一个控制器，并在其中定义了一个数组。然后，我们将该数组赋值给$scope对象，以便在HTML视图中使用ng-repeat指令遍历它。最终，我们将以列表形式显示数组中的元素。

示例二：通过服务（Service）传递数组参数

// 定义一个服务
myApp.service('myService', function() {
  this.names = ['Tom', 'Jerry', 'Mickey'];
});

// 注入该服务到控制器中
myApp.controller('myController', function($scope, myService) {
  // 将服务中的数组赋值给$scope对象
  $scope.names = myService.names;
});

<!-- 在HTML视图中使用ng-repeat指令遍历该数组 -->
<ul>
  <li ng-repeat="name in names">{{name}}</li>
</ul>

在上面的代码中，我们定义了一个服务，并在其中定义了一个数组。然后，我们将该服务注入到控制器中，并将服务中的数组赋值给$scope对象。最终，我们将以列表形式显示数组中的元素。