Ember Fiddle

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/handlebars.js/1.0.0/handlebars.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/ember.js/1.0.0/ember.min.js"></script>
<script type="text/x-handlebars">
    {{#each errors as |error|}}
      {{error}}
    {{/each}}
    <h1>Example One: Component</h1>
    {{example-one}}
    <h1>Example Two: Render</h1>
    {{render 'example-two'}}
    {{outlet}}
</script>
<script type="text/x-handlebars" id="components/example-one">
    <button {{action 'foo' 'number one!'}}>Action One</button>
</script>
<script type="text/x-handlebars" id="example-two">
    <button {{action 'foo' 'number two!'}}>Action Two</button>
</script>

JavaScript

App = Ember.Application.create();

App.ApplicationRoute = Ember.Route.extend({
    actions: {
        foo: function (number) {
            this.set('errors', ["hello"])
        }
    }
});