zenefits / ember-component-helpers

component keyword related helpers for Ember

Ember-component-helpers

Some handlebar helpers for working with Ember components.

NOTE: This version only works in Ember 1.13, for a verison compatible with 2.0 and above, go back to the original version (foxnewsnetwork/ember-component-helpers)

Available Helpers

• component-apply
• component-wrap

Usage Examples

component-apply

Ember's regular component is to Function#call as component-apply is to Function#apply

Consider the following example of calling Ember's link-to component:

{{#component "link-to" "dashboard.post.index" post}}
  {{post.content}}
{{/component}}

Now with component-apply (and the append helper from ember-composable-helpers)

{{#component-apply "link-to" (array "dashboard.post.index" post)}}
  {{post.content}}
{{/component-apply}}

This is particularly useful while we wait for handlebars-lang/handlebars.js#1149 to come out

• limitations: the array you pass in shouldn't be dynamic

component-wrap

Wraps a vanilla HTML tag into an element, useful for components which demand a parentView such as tooltips from ember-tooltips

{{#component-wrap "li" class="mdl-list__item"}}
  {{#tooltip-on-parent}}
    You don't have to use data-tooltip-content + separate js call anymore!
  {{/tooltip-on-parent}}
  Brian Cranston
{{/component-wrap}}

Installation

• git clone this repository
• npm install
• bower install

Running

• ember server
• Visit your app at http://localhost:4200.

Running Tests

• npm test (Runs ember try:testall to test your addon against multiple Ember versions)
• ember test
• ember test --server

Building

• ember build

For more information on using ember-cli, visit http://ember-cli.com/.