Skip to content

Instantly share code, notes, and snippets.

@kumkanillam
Created March 2, 2017 14:41
Show Gist options
  • Save kumkanillam/6b6536d94a0e01c1a8264a90079791ca to your computer and use it in GitHub Desktop.
Save kumkanillam/6b6536d94a0e01c1a8264a90079791ca to your computer and use it in GitHub Desktop.
import Ember from 'ember';
export default Ember.Component.extend({
myService:Ember.inject.service(),
checkAjaxStatus:Ember.observer('myService.ajaxStatus',function(){
console.log('checkAjaxStatus ',this.get('myService.ajaxStatus'));
}),
});
import Ember from 'ember';
export default Ember.Controller.extend({
appName: 'Ember Twiddle'
});
import Ember from 'ember';
export default Ember.Route.extend({
session:Ember.inject.service('my-service'),
actions:{
mock(){
console.log('mock ');
var self = this;
var url = self.get('session.url');
self.set('session.ajaxStatus', 'checking');
console.log('route: ' + self.get('session.ajaxStatus'));
Ember.$.ajax({
url: url,
type: "GET",
success: function(response) {
console.log('success response');
self.set('session.ajaxStatus', 'success');
console.log('route: ' + self.get('session.ajaxStatus'));
},
error: function(response) {
self.set('session.ajaxStatus', 'error');
console.log('route: ' + self.get('session.ajaxStatus'));
}
});
}
}
});
import Ember from 'ember';
export default Ember.Service.extend({
ajaxStatus:'checking'
});
<h1>Welcome to {{appName}}</h1>
<br>
{{my-component }}
<button {{action 'mock'}}>Mock </button>
<br>
{{outlet}}
<br>
<br>
{{myService.ajaxStatus}}
{{yield}}
{
"version": "0.11.0",
"EmberENV": {
"FEATURES": {}
},
"options": {
"use_pods": false,
"enable-testing": false
},
"dependencies": {
"jquery": "https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.js",
"ember": "2.10.2",
"ember-data": "2.11.0",
"ember-template-compiler": "2.10.2",
"ember-testing": "2.10.2"
},
"addons": {}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment