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/ $資源