Skip to content

Instantly share code, notes, and snippets.

Show Gist options
  • Select an option

  • Save SarathSantoshDamaraju/f5a5a63971e491c0c8facc6aae20638a to your computer and use it in GitHub Desktop.

Select an option

Save SarathSantoshDamaraju/f5a5a63971e491c0c8facc6aae20638a to your computer and use it in GitHub Desktop.
Ember Search list
import Ember from 'ember';
import {computed} from '@ember/object';
export default Ember.Controller.extend({
appName: 'Ember Twiddle',
data: ["One","Two","Three"],
datas : computed('data','typed', function(){
return this.data.filter(each => each.toLowerCase().includes(this.typed ? this.typed : ''));
}),
actions: {
onSearch(e) {
this.set('typed',e.target.value.toLowerCase().trim());
}
}
});
{{input type="text" keyUp=(action 'onSearch')}}
{{#each datas as |datum|}}
{{datum}}
{{/each}}
import { run } from '@ember/runloop';
export default function destroyApp(application) {
run(application, 'destroy');
}
import Ember from 'ember';
import Application from '../../app';
import config from '../../config/environment';
const { run } = Ember;
const assign = Ember.assign || Ember.merge;
export default function startApp(attrs) {
let application;
let attributes = assign({rootElement: "#test-root"}, config.APP);
attributes.autoboot = true;
attributes = assign(attributes, attrs); // use defaults, but you can override;
run(() => {
application = Application.create(attributes);
application.setupForTesting();
application.injectTestHelpers();
});
return application;
}
import Application from '../app';
import config from '../config/environment';
import { setApplication } from '@ember/test-helpers';
import { start } from 'ember-qunit';
import { assign } from '@ember/polyfills';
let attributes = assign({ rootElement: '#main' }, config.APP);
setApplication(Application.create(attributes));
start();
{
"version": "0.15.1",
"EmberENV": {
"FEATURES": {}
},
"options": {
"use_pods": false,
"enable-testing": false
},
"dependencies": {
"jquery": "https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js",
"ember": "3.4.3",
"ember-template-compiler": "3.4.3",
"ember-testing": "3.4.3"
},
"addons": {
"ember-data": "3.4.2"
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment