0.0.4 • Published 5 years ago
ember-eval-helper v0.0.4
ember-eval-helper
This addon introduce e
(eval) helper, to allow this syntax usage in templates:
- this addont don't use
eval
.
<button {{action (e "alert") "Hello" target=(e "window") }}>
onclick = window.alert("hello")
</button>
{{#let (e "{ projectName: 'Ember' }") as |project|}}
<h2 id="title">{{project.projectName}}</h2>
{{/let}}
{{#each (e "[1,2,3,4]") as |item|}}
Number: {{item}}
{{/each}}
this
scope access also supported, passing it as second argument
export {
name: "foo"
}
{{e 'this.name' this}}
Manual this
context creation:
<MyComponent
@params={{
e "this.onClick(this.foo, this.bar)"
(hash
onClick=(e "this.onClick.bind(this)" this)
foo=@foo
bar=(array 1 2 3)
)
}}
/>
Sugar: Angle components tagged values will be autocompiled.
// input
<MyComponent @name="`this.realName()`" />
// output
<MyComponent @name={{e 'this.realName()' this}}>
Compatibility
- Ember.js v2.18 or above
- Ember CLI v2.13 or above
- Node.js v8 or above
Installation
ember install ember-eval-helper
Usage
helper e(evalString = '', context = null)
<Component @attr="`someTextToEval`" />
Contributing
See the Contributing guide for details.
License
This project is licensed under the MIT License.