DS.Model#data

data{Object}private Defined in addon/-private/system/model/model.js:947

TextField#value

valueStringpublic Defined in packages/ember-htmlbars/lib/components/text_field.js:89 The value attribute of the input element. As the user inputs text, this property is updated live. Default: ""

Preventing and Retrying Transitions

Preventing and Retrying Transitions During a route transition, the Ember Router passes a transition object to the various hooks on the routes involved in the transition. Any hook that has access to this transition object has the ability to immediately abort the transition by calling transition.abort(), and if the transition object is stored, it can be re-attempted at a later time by calling transition.retry(). Preventing Transitions via willTransition When a transition is attempted, whether

The Component Lifecycle

The Component Lifecycle Part of what makes components so useful is that they let you take complete control of a section of the DOM. This allows for direct DOM manipulation, listening and responding to browser events, and using 3rd party JavaScript libraries in your Ember app. As components are rendered, re-rendered and finally removed, Ember provides lifecycle hooks that allow you to run code at specific times in a component's life. To get the most use out of a component, it is important to u

Adding Nested Routes

Adding Nested Routes Up to this point, we've generated four top level routes. An about route, that gives information on our application. A contact route, with information on how to contact the company. A rentals route, where we will allow users to browse rental properties. The index route, which we've set up to redirect to the rentals route. Our rentals route is going to serve multiple functions. From our acceptance tests, we've shown that we want our users to be able to browse and search r

Triggering Changes with Actions

Triggering Changes with Actions You can think of a component as a black box of UI functionality. So far, you've learned how parent components can pass attributes in to a child component, and how that component can use those attributes from both JavaScript and its template. But what about the opposite direction? How does data flow back out of the component to the parent? In Ember, components use actions to communicate events and changes. Let's look at a simple example of how a component can us

Installing Ember

Installing Ember Getting started with Ember is easy. Ember projects are created and managed through our command line build tool Ember CLI. This tool provides: Modern application asset management (including concatenation, minification, and versioning). Generators to help create components, routes, and more. A conventional project layout, making existing Ember applications easy to approach. Support for ES2015/ES6 JavaScript via the Babel project. This includes support for JavaScript modules, wh

DS.Store

DS.Store Class Extends: Ember.Service Defined in: addon/-private/system/store.js:140 Module: ember-data The store contains all of the data for records loaded from the server. It is also responsible for creating instances of DS.Model that wrap the individual data for a record, so that they can be bound to in your Handlebars templates. Define your application's store like this: app/services/store.js import DS from 'ember-data'; export default DS.Store.extend({ }); Most Ember.js application

VisibilitySupport

Ember.VisibilitySupport Class PUBLIC Defined in: packages/ember-views/lib/mixins/visibility_support.js:14 Module: ember-views

ViewTargetActionSupport#willClearRender event

willClearRenderpublic Defined in packages/ember-views/lib/mixins/view_support.js:318 Called when the view is about to rerender, but before anything has been torn down. This is a good opportunity to tear down any manual observers you have installed based on the DOM state