如何更新Angular X可編輯的值？

Question

我無法使其保存值。 由於某種原因，我沒有完全掌握onbeforesave的文檔。 這是我寫的內容，但是此選項不起作用。

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);
    }
  }
]);

Answer 1

onbeforesave函數是在更新模型之前執行的，因此您傳遞的任務對象是未更改的對象。

您有兩個選擇。 您可以傳遞$ data（它是您要更新的字段的值），也可以將屬性更改為“ onaftersave”（在模型更新后調用），以確保獲得更新的數據。