ember-reactive-helpers

ember-reactive-helpers

Collection of helpers to aid in reactive template programming with Ember.js.

Helpers

(helper 'helperName')

Returns helper as a function.

{{#with (action (helper 'contains') (array 'foo' 'bar')) as |checkContains|}}
  {{compute (checkContains 'foo')}}
{{/with}}

(transition-to 'destination' model (query-params foo='bar'))

(transition-to) helper the same argument signature as link-to but evaluates to an action that can be called to trigger transition.

<button {{action (transtion-to 'index')}}>Go to Index</button>

{{shhh anything}}

{{shhh helper will supress any output that's passed into it. This is useful when you want to compute a helper without having it's output rendered.

(r/debugger)

(r/debugger) will create a helper that will inject a debugger breakpoint into a helper pipe. It will pass through the value, that's passed into the helper.

<button {{action (pipe (some-helper) (r/debugger) (some-other-helper))}}>Do!</button>

(r/log ['your message'])

(r/log) helper will evaluate to a function. When called, this function will log the passed in messsage and arguments that it received.

<button {{action (pipe (r/log 'before save') (action 'save') (r/log 'after save')) model}}>Save</button>

(r/get propName)

(r/get) helper returns a function. When called, the function will return value taken from object that it receives as first argument at property propName.

{{compute (r/get 'animal') (hash animal='cat')}} {{! //=> cat }}

(r/param [index])

(r/param) return a function. When called, this function will return received argument at specified index.

{{compute (r/param) 'hello' 'world'}} {{! //=> 'hello'}}
{{compute (r/param 1) 'hello' 'world'}} {{! //=> 'world'}}

Installation

ember install ember-reactive-helpers

Helpful Links

• Live Demo

• Changelog

Looking for help?

If it is a bug please open an issue on GitHub.

Usage