Angularjs去除尾随斜线

Question

我有一个函数在控制器：

$scope.deleteTodo = function(id) { 
     $http.delete('/musicians/' + id) 
      .success(function(data) { 
       $scope.todos = data; 
       console.log(data); 
      }) 
      .error(function(data) { 
       console.log('Error: ' + data); 
      }); 
    }; 

我这样称呼它：

<button class="btn btn-default" type="button" ng-click="deleteTodo(todo._id)" > 

它给404错误的URL：

http://localhost:3000/musicians55accbce27e2cd2802de4894 Failed to load resource: the server responded with a status of 404 (Not Found) 

但是，它应该是：

http://localhost:3000/musicians/55accbce27e2cd2802de4894 

我也尝试添加：

.config(['$resourceProvider', function($resourceProvider) { 
    // Don't strip trailing slashes from calculated URLs 
    $resourceProvider.defaults.stripTrailingSlashes = false; 
}]); 

但它并没有解决任何问题，我仍然有同样的问题。

这里是流称之为：

app.delete('/musicians/:id', musicians.delete); 

和

exports.delete = function(req, res){ 
    var id = req.params.id; 
    Musician.remove({'_id':id},function(result) { 
    return res.send(result); 
    }); 
}; 

Answer 1

不知道是什么问题，但你试图调用$http之前编译URL字符串，然后看如果解决了它？例如：

$scope.deleteTodo = function(id) { 
     var url = '/musicians/' + id; 
     $http.delete(url) 
      .success(function(data) { 
       $scope.todos = data; 
       console.log(data); 
      }) 
      .error(function(data) { 
       console.log('Error: ' + data); 
      }); 
    }; 

Answer 2

在黑暗中只是一个刺，但你尝试过使用原始$http方法？

$scope.deleteTodo = function(todoId) { 
    return $http({ 
     url: '/musicians', 
     method: 'DELETE', 
     data: { id: todoId } 
    }); 
} 

Answer 3

你可以尝试逃离片段：

$scope.deleteTodo = function(id) { 
    $http.delete('/musicians\\/' + id) 
     .success(function(data) { 
      $scope.todos = data; 
      console.log(data); 
     }) 
     .error(function(data) { 
      console.log('Error: ' + data); 
     }); 
}; 

不过，我会建议你重估如何调用你的删除方法。您希望调用资源项本身的删除，并且不会将资源的ID传递给catch全部删除方法。见http://docs.angularjs.org/api/ngResource/service/ $资源