Как обновить значение в Angular X-editable?

Я не могу сохранить его. По какой-то причине я не полностью понял документацию о сохранении. Здесь то, что я написал, но этот вариант не работает.

HTML

<div class='title' editable-text='task.title' onbeforesave="updateTitle(task)">
        {{task.title}}
</div>

JS

var app = angular.module('Todolist', ['ngResource', 'xeditable']);

  app.factory('Task', [
    '$resource', function($resource) {
      return $resource('/users/:user_id/tasks/:id', {user_id: '@user_id'}, {update: {method: 'PUT'}});
     }
   ]);

  app.controller('TasksCtrl', [
    '$scope', 'Task', function($scope, Task) {

    $scope.user = gon.current_user

    $scope.updateTitle = function(task) {
        id: task.id,
        Task.update(task);
    }
  }
]);