Gaurav0

This is a demonstration of how to create a search field in Ember.

Results update 400ms after the user stops typing (for a nicer search experience). That's what the debounce does.

Gaurav0

import Ember from 'ember';

export default Ember.Component.extend({
  actions: {
    renderPost() {
      this.sendAction('renderPost');
    },
    renderComment() {
      this.sendAction('renderComment');
    }

Gaurav0

import Ember from 'ember';

export default Ember.Controller.extend({
  appName:'Ember Twiddle'
});

Gaurav0

import Ember from 'ember';

export default Ember.Controller.extend({
  appName:'Ember Twiddle'
});

Gaurav0

import Ember from 'ember';

export default Ember.Controller.extend({
  title: 'Ember Twiddle',
});

Gaurav0

import Ember from 'ember';

export default Ember.Helper.helper(function () {
  return "The title";
});

Gaurav0

import Ember from 'ember';

const PositionalParams = {positionalParams: ["thing"]};

export default Ember.Component.extend(PositionalParams, {
thing: "meow"
});

Gaurav0

import Ember from 'ember';

export default Ember.Controller.extend({
  appName:'Ember Twiddle'
});

Gaurav0

import Ember from 'ember';

export default Ember.Controller.extend({
  appName:'Ember Twiddle'
});

Gaurav0

import Ember from 'ember';

export default Ember.Controller.extend({
  mustaches:'mustaches'
});