@model, @action and @service basically expose the underlying thing that they decorate
to the component set by @associatedComponent (which is made up and not a great name).
I can also see something like @model({ pauseRendering: false }) and @model({ waitForParent: false }) for the data loading.
| import Ember from 'ember'; | |
| export default Ember.Component.extend({ | |
| tagName: 'span', | |
| classNames: ['template-tag'], | |
| click() { | |
| let tag = this.get('tag'); | |
| let promise = this.get('onClick')(tag); |
| import Ember from 'ember'; | |
| export default Ember.Component.extend({ | |
| tagName: 'span', | |
| classNames: ['template-tag'], | |
| click() { | |
| let tag = this.get('tag'); | |
| let promise = this.get('onClick')(tag); |
| import Ember from 'ember'; | |
| export default Ember.Component.extend({ | |
| classNames: ['my-editor'], | |
| didInsertElement() { | |
| let editor = new Mobiledoc.Editor({ | |
| html: 'hi', | |
| autofocus: true, | |
| atoms: [ |
| <!doctype html> | |
| <html> | |
| <head> | |
| <title>createLayer</title> | |
| <link href='https://fonts.googleapis.com/css?family=Alike' rel='stylesheet' type='text/css'> | |
| <style> | |
| html, body, #map { | |
| height: 100%; | |
| padding: 0; | |
| margin: 0; |
| import Ember from 'ember'; | |
| export default Ember.Controller.extend({ | |
| ui: Ember.inject.service(), | |
| appName: 'Ember Twiddle', | |
| routeNameChanged: Ember.observer('currentRouteName', function () { | |
| var name = this.get('currentRouteName'); | |
| this.set('ui.currentRouteName', name); | |
| }) |
| import Ember from 'ember'; | |
| let Animal = Ember.Object.extend({ | |
| bark() { | |
| return 'aurf!'; | |
| }, | |
| willDestroy() { | |
| this._super(...arguments); | |
| alert('hi'); |
| export default Ember.Route.extend({ | |
| model() { | |
| return this.get('community'); | |
| } | |
| }); |
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <title>GridLayer Test</title> | |
| <meta charset="utf-8" /> | |
| <link | |
| rel="stylesheet" | |
| href="http://cdn.leafletjs.com/leaflet/v1.0.0-beta.2/leaflet.css" | |
| /> | |
| <style> |