Author: K Z

The component can handle action's completion by returning a promise and arguments can be passed to a component by using an action helper. Syntax The action can be implemented as…

You can implement the action on the parent component by calling its specified action method and creating logic in the child component for the specified action method. Syntax The action…

You can easily define the component in Ember.js and each component must have a dash in their name (ex: my-component). Ember.js has the power of defining the component subclasses by…

Components can trigger the changes and communicate with events by using the actions. The following table lists down the different ways of triggering the changes with actions − S.No.Triggering Changes…

You can use event handlers to send actions from components to your application. Syntax {{comp_name action = "name_of_action"}} Example The example given below specifies sending actions from components to your…

The user events such as double click, hovering, keypress, etc can be handled by event handlers. To do this, apply the event name as a method on the component. For…

You can support the usage of block and non-block components from single component by using the hasBlock property. Syntax {{#if hasBlock}} //code here {{/if}} Example The example given below specifies supporting of…

The values can be returned from a component by using the yield option. Syntax {#each myval as |myval1|}} {{ yield myval1 }} {{/each}} Example The example given below specifies returning values from…

The passed properties in a component can give back the result in a block expression. The following table lists down the different ways of using block params − S.No.BlockParam Ways…

You can customize the attributes by binding them to a DOM element by using the attributeBindings property. Syntax import Ember from 'ember'; export default Ember.Component.extend ({ tagName: 'tag_name', attributeBindings: ['attr_name'], attr_name: 'value'…