Угловое CRUD удалить строку из модального

Я использую простой CRUD API в среднем СТОГ с функцией удаленияУгловое CRUD удалить строку из модального

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 файл я заполнить таблицу, как следовать с баттоном, чтобы открыть модальный с соответствующим пользовательскими данными, получая {{$ индекса}}

<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">&times;</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>

Как я могу использовать API, чтобы удалить соответствующие пользователь с модальным следующим не работает

<button type="button" class="btn btn-danger" data-ng-click="deleteUser(user._id)">Delete</button>

Screenshot

важно, что модальный не подтверждает удаление всплывающих окон, но модальное с содержимое, с которого кнопка удаления удалит соответствующего пользователя. Любая помощь будет оценена по достоинству.

источник

2015-03-25 ZeGregg

Где вы разместили html вашей модели? Это внутри html userController или снаружи? Пожалуйста, покажите ng-repeat для модального. –

Я добавил данные HTML. – ZeGregg

Почему вы использовали «deleteUser (user._id)», а не «deleteUser (userData._id)»? –

Кажется, проблема решена. Я просто отправлю ответ здесь. Html кнопки должен быть:

<button type="button" class="btn btn-danger" data-ng-click="deleteUser(userData._id)">Delete</button> 
<!-- Use userData._id instead of user._id-->

источник

2015-03-26 08:28:38

Угловое CRUD удалить строку из модального

ответ

Смежные вопросы