EmberJS Tutorial
EmberJS Useful Resources
Selected Reading
- EmberJS - Ember Inspector
- EmberJS - Configuring Ember.js
- EmberJS - Application Concerns
- EmberJS - Managing Dependencies
- EmberJS - Models
- EmberJS - Components
- EmberJS - Templates
- EmberJS - Router
- EmberJS - Object Model
- Creating and Running Application
- EmberJS - Core Concepts
- EmberJS - Installation
- EmberJS - Overview
- EmberJS - Home
EmberJS Useful Resources
Selected Reading
- Who is Who
- Computer Glossary
- HR Interview Questions
- Effective Resume Writing
- Questions and Answers
- UPSC IAS Exams Notes
EmberJS - Components
EmberJS - Components
The Ember.js components uses the W3C web component specification and provides true encapsulation UI widgets. It contains the three main specification as templates, shadow DOM and custom elements. The component is declared within the data-template-name which has a path name instead of a plain string and are prefixed with "components/".
The following table psts down the action events of actions −
| S.No. | Action Events & Description |
|---|---|
| 1 |
You can easily define a component in Ember.js and each component must have a dash in their name. |
| 2 |
Component pfecycle uses some of the methods in order to execute the code at specific times in a component s pfe. |
| 3 |
The component doesn t access the property directly in the template scope. Therefore, just declare the property at the time of component deceleration. |
| 4 |
You can wrap the content in a component by using the templates. |
| 5 |
You can customize the component s element such as attributes, class names by using a subclass of Ember.Component in the JavaScript. |
| 6 |
The passed properties in a component can give back the result in a block expression. |
| 7 |
The user events such as double-cpck, hovering, key press etc can be handled by event handlers. To do this, apply the event name as a method on the component. |
| 8 |
Components can trigger the changes and communicate with events by using the actions. |