Question

我在angularjs中很新，我不知道怎么做。

<div class="userData" ng-repeat="user in users">
<div class="float"
    <img ng-click="deleteUser($event)" src="myurl">
</div>
<div class="userDiv"
    <input type="checkbox" ng-model="user.active" ng-click="handleUserActive()">
    <input type="text" ng-model="user.text">
</div>
</div>

我需要在用户点击img时删除一个项目。我的模特是：

$scope.users = [
{active: true, text: text}
]

Answer 1

只是做：

<img ng-click="deleteUser($index)" src="myurl">

方法：

$scope.deleteUser = function(index) {
    $scope.users.splice(index, 1)
}

Answer 2

但是，tymeJV说，你想把对象作为参数而不是像这样的索引传递：

<img ng-click="deleteUser(user)" src="myurl">

$scope.deleteUser = function(user) {
  var index = $scope.users.indexOf(user);
  $scope.users.splice(index, 1)
}

如果在ng-repeat上执行orderBy，索引可能会发生变化。

请在此处查看示例：http://jsfiddle.net/6a5zT/

项目删除后angularjs模型重新加载

2 个答案: