ember-cli-filter-component
to your projectember-cli-filter-component provides a {{filter-content}}
block component for filtering arrays of items.
cd /path/to/projects/cool-project
ember install ember-cli-filter-component
{{#filter-content content=ingredients properties="name" as |filteredIngredients query|}}
{{input value=query}}
{{#each filteredIngredients as |ingredient|}}
{{! ... }}
{{/each}}
{{/filter-content}}
{{filter-content as |filtered query|}}
filtered {array}
content
against query
query {string}
content
content (required) {array.<array, object>}
query
properties (required) {string}
@each
properties="title category.@each"
timeout {number}
content
, properties
, or query
420
query {string}
content
To start developing/testing locally, clone the project to your machine.
cd /path/to/projects
git clone git@github.com:zakmac/ember-cli-filter-component.git
Once cloned, you can start editing and testing in the project folder itself, or include the addon in another project via npm link
.
ember-cli-filter-component
to your project# create an npm link from the project directory
cd /path/to/projects/ember-cli-filter-component
npm link
# include the npm link in your project
cd /path/to/projects/cool-project
npm link ember-cli-filter-component
The last step is to add "ember-cli-filter-component": ""
to the devDependencies
section of your project's package.json
.
Next time your project is run, the filter-content
component will be accessible.
The command ember test
will run the test suite via CLI, outputting results.
You can also run ember test --server
to launch a Test'em browser session.
This project is licensed under the MIT License.
For more information on using ember-cli, visit http://www.ember-cli.com/.
For more information on Ember.js, visit http://www.emberjs.com/.