单击清除 link 时，我想使用 javascript 中的拼接删除整个列表

Question

下面是我用angularJS和HTML写的代码。我有一份杂货清单，每个清单旁边都有 remove link 以删除该项目。我还添加了一个清除列表 link 单击它时，它应该会清除整个列表。但是当我点击清除列表时，它一次只删除一项，而它应该删除整个列表。我已经使用 splice 来删除并尝试实现 splice 只是为了清除列表。

   <html ng-app="nameApp">
<head>
<meta charset="utf-8">
  <script src= "http://ajax.googleapis.com/ajax/libs/angularjs/1.2.1/angular.min.js"></script>
</head>
<body ng-controller="nameCtrl">
The list of groceries:</br>
<ul>
<a href="" ng-click="clear(name)">clear list</a>
<li ng-repeat="name in names">{{name}}
<a href="" ng-click="remove(name)">remove</a>
</li>

</ul>
</body>
</html>
<script>
var nameApp = angular.module('nameApp',[]);
nameApp.controller('nameCtrl',function($scope){
$scope.names = ['Eggs','Milk','Bread','Cheese'];
$scope.remove=function(name){
var i = $scope.names.indexOf(name);
$scope.names.splice(i,1);
}
$scope.clear=function(name){
var i = $scope.names.indexOf(name);
$scope.names.splice(i,5);
}
});
</script>

Answer 1

不需要splice，只需将空数组赋给变量即可。

$scope.clear=function(name){
    $scope.names = [];
};

单击清除 link 时，我想使用 javascript 中的拼接删除整个列表

I want to remove the whole list using the splice in javascript when clear link is clicked

html

javascript

array-splice

angularjs

angularjs-scope