subscribe (pattern, object) Subscriberprivate Defined in packages/ember-metal/lib/instrumentation.js:175 Subscribes to a particular event or instrumented block of code. Parameters: pattern [String] Namespaced event name. object [Object] Before and After hooks. Returns: Subscriber

resetprivate Defined in packages/ember-metal/lib/instrumentation.js:238 Resets Ember.Instrumentation by flushing list of subscribers.

instrument (name, _payload, callback, binding) private Defined in packages/ember-metal/lib/instrumentation.js:78 Notifies event's subscribers, calls before and after hooks. Parameters: name [String] Namespaced event name. _payload Object callback Function Function that you're instrumenting. binding Object Context that instrument function is called with.

Ember.Instrumentation Namespace PRIVATE Defined in: packages/ember-metal/lib/instrumentation.js:4 Module: ember The purpose of the Ember Instrumentation module is to provide efficient, general-purpose instrumentation for Ember. Subscribe to a listener by using Ember.subscribe: Ember.subscribe("render", { before(name, timestamp, payload) { }, after(name, timestamp, payload) { } }); If you return a value from the before callback, that same value will be passed as a fourth paramet

Installing the Inspector You can install the Inspector on Google Chrome, Firefox, other browsers (via a bookmarklet), and on mobile devices by following the steps below. Google Chrome You can install the Inspector on Google Chrome as a new Developer Tool. To begin, visit the Extension page on the Chrome Web Store. Click on "Add To Chrome": Once installed, go to an Ember application, open the Developer Tools, and click on the Ember tab at the far right. File:// protocol To use the Inspector

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

Installing Addons Ember has a rich ecosystem of addons that can be easily added to projects. Addons provide a wide range of functionality to projects, often saving time and letting you focus on your project. To browse addons, visit the Ember Observer website. It catalogs and categorizes ember addons that have been published to NPM and assigns them a score based on a variety of criteria. For Super Rentals, we'll take advantage of two addons: ember-cli-tutorial-style and ember-cli-mirage. ember

Inspecting Routes The Routes tab displays a list of your application's routes. For the following code: this.route('posts', function() { this.route('new'); }); The Inspector displays these routes: As you can see, the Inspector shows the routes you defined as well as the routes automatically generated by Ember. Viewing the Current Route The Inspector highlights the currently active routes. However, if your app has grown too large for this to be useful, you can use the Current Route Only che

Inspecting Objects via the Container Every Ember application has a container that maintains object instances for you. You can inspect these instances using the Container tab. This is useful for objects that don't fall under a dedicated menu, such as services. Click on the Container tab, and you will see a list of instances the container is holding. Click on a type to see the list of all instances of that type maintained by the container. Inspecting Instances Click on a row to inspect a given

Input Helpers The {{input}} and {{textarea}} helpers in Ember.js are the easiest way to create common form controls. The {{input}} helper wraps the built-in Ember.TextField and Ember.Checkbox views, while {{textarea}} wraps Ember.TextArea. Using these helpers, you can create these views with declarations almost identical to how you'd create a traditional <input> or <textarea> element. Text fields {{input value="http://www.facebook.com"}} Will become: <input type="text" value="