ember-angle-bracket-invocation-polyfill
This addon provides a polyfill for angle bracket invocation syntax as described in RFC 311. It's the same components you know and love, no longer surrounded by mustaches. \o/
Installation
ember install ember-angle-bracket-invocation-polyfill
You will additionally need to ensure ember-cli-htmlbars-inline-precompile is at least version 1.0.3.
Usage
The best usage guide is the RFC itself, but here are a few examples of "before"/"after" to whet your appetite:
Before:
After:
Supported Features
- Supports invoking components via angle brackets using TitleCase
- Supports invoking components via angle brackets with self-closing syntax
- Supports invoking components via angle brackets using paths
- Supports invoking components via angle brackets using yielded block params
- Supports passing arguments into invoked components with
@
prefix
- Supports passing attributes to be added to the root element of the component without
@
prefix
- Supports using
has-block
inside the invoked component to determine if a block was provided
- Supports yielding block params from inside the invoked component
- Supports passing
...attributes
into another angle bracket invocation
- Supports passing
...attributes
into a non-component element
- Supports passing
...attributes
into tagless components - Supports invoking single word components:
- Completely innert when running Ember 3.4 or higher
- Supports Ember 2.12, 2.16, 2.18, 3.1, 3.2, 3.3
- Test all the features listed above
😘
Limitations
There are no known limitations, all features described in the RFC are polyfilled.
Contributing
Installation
git clone <repository-url>
cd ember-angle-bracket-invocation-polyfill
yarn install
Linting
yarn lint:js
yarn lint:js --fix
Running tests
ember test
– Runs the test suite on the current Ember versionember test --server
– Runs the test suite in "watch mode"ember try:each
– Runs the test suite against multiple Ember versions
Running the dummy application
ember serve
- Visit the dummy application at http://localhost:4200.
For more information on using ember-cli, visit https://ember-cli.com/.
License
This project is licensed under the MIT License.