This ember-cli addon provides a proxy object that saves a wrapped model when properties are set.
ember install:addon ember-autosave
There are two primary ways to use the addon: with the computed property macro or by creating an AutosaveProxy object.
The ember-autosave package provides a computed property macro to wrap a
property in an AutosaveProxy.
import Ember from 'ember';
import { computedAutosave } from 'ember-autosave';
export default Ember.Controller.extend({
post: computedAutosave('model')
});You may also use the AutosaveProxy object directly.
import Ember from 'ember';
import { AutosaveProxy } from 'ember-autosave';
export default Ember.Route.extend({
setupController: function(controller, model) {
autosaveProxy = AutosaveProxy.create({ content: model });
controller.set('model', autosaveProxy);
}
});By default, an AutosaveProxy object will call save() on its content once input stops
for 1 second. You can configure this behavior globally or for each AutosaveProxy
instance.
Global Configuration
// Using an initializer is recommended
import Ember from 'ember';
import { AutosaveProxy } from 'ember-autosave';
export function initialize() {
AutosaveProxy.config({
saveDelay: 3000, // Wait 3 seconds after input has stopped to save
save: function() {
// The context here is the wrapped model
this.mySpecialSaveMethod()
}
});
}
export default {
name: 'setup-ember-autosave',
initialize: initialize
};Per Instance Configuration
With the computed property:
import Ember from 'ember';
import { computedAutosave } from 'ember-autosave';
export default Ember.Controller.extend({
post: computedAutosave('model', { saveDelay: 3000 })
});With the AutosaveProxy object.
import Ember from 'ember';
import { AutosaveProxy } from 'ember-autosave';
export default Ember.Route.extend({
setupController: function(controller, model) {
autosaveProxy = AutosaveProxy.create({ content: model }, { saveDelay: 3000 });
controller.set('model', autosaveProxy);
}
});To see a demo of this addon you can clone this repository, run ember server,
and visit http://localhost:4200 in your browser.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent