如何使用AngularJS在数组中推送元素？

在AngularJS中，我们可以使用push()方法向数组中添加元素。push()方法将元素添加到数组的末尾处。

以下是使用AngularJS中的push()方法向数组中添加元素的步骤：

1. 在HTML页面上定义数组

首先，我们需要在HTML页面上定义一个数组。在这里，我们将定义一个名为names的数组，它将包含一些人的姓名。

<div ng-app="myApp" ng-controller="myCtrl">
  <ul>
    <li ng-repeat="name in names">{{name}}</li>
  </ul>
</div>

2. 在AngularJS中定义数组

接下来，我们需要在AngularJS中定义这个names数组。我们将使用$scope对象来定义和操作它。

var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
  $scope.names = ['John', 'Mary', 'Peter', 'David'];
});

在这个代码中，我们在myCtrl控制器的作用域中定义了names数组，并将其中一些人的姓名添加到数组中。

3. 添加元素

现在，我们已经定义了数组，接下来我们需要通过点击按钮来添加新的元素。

<div ng-app="myApp" ng-controller="myCtrl">
  <ul>
    <li ng-repeat="name in names">{{name}}</li>
  </ul>
  <br>
  <input type="text" ng-model="newName">
  <button ng-click="addName()">Add Name</button>
</div>

在这里，我们添加了一个文本输入框和一个添加按钮，用于将文本框中的值添加到names数组中。

4. 更新控制器

最后，我们需要在控制器中添加一个addName()方法，用于将新的姓名添加到数组中。

var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
  $scope.names = ['John', 'Mary', 'Peter', 'David'];
  
  $scope.addName = function() {
    $scope.names.push($scope.newName);
    $scope.newName = '';
  };
});

在这里，我们在控制器中添加了一个addName()方法。当用户点击“添加名称”按钮时，此方法将运行。addName()方法使用push()方法将新的姓名添加到names数组中，并使用$scope.newName将文本框中的值重置为一个空字符串。

这就是使用AngularJS中的push()方法向数组中添加元素的方法。

代码片段：

var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
  $scope.names = ['John', 'Mary', 'Peter', 'David'];

  $scope.addName = function() {
    $scope.names.push($scope.newName);
    $scope.newName = '';
  };
});

Markdown格式如上。