Angularjs 角度积垢从模式中删除行
我在均值堆栈中使用一个简单的CRUDAPI和一个delete函数Angularjs 角度积垢从模式中删除行,angularjs,node.js,twitter-bootstrap,crud,Angularjs,Node.js,Twitter Bootstrap,Crud,我在均值堆栈中使用一个简单的CRUDAPI和一个delete函数 app.delete('/api/users/:user_id', function(req, res) { users.remove({ _id : req.params.user_id }, function(err, user) { if (err) res.send(err); users.find(function(err, use
app.delete('/api/users/:user_id', function(req, res) {
users.remove({
_id : req.params.user_id
}, function(err, user) {
if (err)
res.send(err);
users.find(function(err, users) {
if (err)
res.send(err)
res.json(users);
});
});
});
控制器
var app = angular.module('usersList', []);
app.controller('usersController', function($scope, $http) {
$http.get('/api/users')
.success(function(userData) {
$scope.users = userData;
$scope.length = userData.length;
})
.error(function(data) {
console.log('Error: ' + data);
});
$scope.deleteUser = function(id) {
$http.delete('/api/users/' + id)
.success(function(data) {
$scope.users = data;
console.log(data);
})
.error(function(data) {
console.log('Error: ' + data);
});
};
}))
在HTML文件中,我用一个btn填充一个表,以通过获取{{$index}来打开具有相应用户详细信息的模式,如下所示
<body data-ng-controller="usersController">
<table>
<thead>
<tr>
<th>#</th>
<th>ID</th>
<th>Login</th>
<th>Email</th>
<th>Action</th>
</tr>
</thead>
<tbody>
<tr data-ng-repeat="userData in users" >
<td><input type="checkbox"/></td>
<td>{{ userData._id }}</td>
<td>{{ userData.id_userLogin }}</td>
<td>{{ userData.email }}</td>
<td>
<!-- Button trigger for Delete modal -->
<button type="button" data-toggle="modal" data-target="#deleteModal{{$index}}" data-ng-click="Clear()">
<span class="glyphicon glyphicon-trash"></span>
</button>
<!-- Delete Modal -->
<div class="modal fade" id="deleteModal{{$index}}" tabindex="-1" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="myModalLabel">Delete <strong>{{ userData.id_userLogin }}</strong> account</h4>
</div>
<div class="modal-body">
<div class="alert alert-danger" role="alert">Are you sure you want to delete this account?</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-danger" data-ng-click="deleteUser(user._id)">Delete</button>
</div>
</div>
</div>
</div>
</td>
</tr>
</tbody>
</table>
#
身份证件
登录
电子邮件
行动
{{userData.\u id}
{{userData.id_userLogin}
{{userData.email}
&时代;
删除{{userData.id\u userLogin}帐户
您确定要删除此帐户吗?
接近
删除
如何使用API从模式中删除相应的用户,因为以下操作不起作用
<button type="button" class="btn btn-danger" data-ng-click="deleteUser(user._id)">Delete</button>
删除
重要的是,模式不是确认删除弹出窗口,而是包含内容的模式,删除按钮将从中删除相应的用户。任何帮助都将不胜感激。看来问题已经解决了。我会把答案贴在这里。按钮的html应为:
<button type="button" class="btn btn-danger" data-ng-click="deleteUser(userData._id)">Delete</button>
<!-- Use userData._id instead of user._id-->
删除
您将模型的html放在哪里了?它是在usersController的html内部还是外部?请为模式显示ng repeat。我已经添加了HTML详细信息。为什么使用“deleteUser(user.\u id)”而不是“deleteUser(userData.\u id)”?可能是因为我很笨:o)