Ember Data Mockjax

by alexspeller

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-mockjax/1.5.2/jquery.mockjax.js"></script>
<script src="http://ember.alexspeller.com/handlebars-1.0.0.js"></script>
<script src="http://ember.alexspeller.com/ember-latest.js"></script>
<script type="text/x-handlebars">
    {{outlet}}
</script>
<script type="text/x-handlebars" data-template-name="index">
    {{some-thing someProperty=outside}}
    outside component: {{outside}}
</script>

<script type="text/x-handlebars" data-template-name="components/some-thing">
    With input helper binding is 2 way - change the value in the input:
    {{input value=someProperty}}<br>
    With input tag binding is not 2 way:
    <input {{bind-attr value=someProperty}}><br>
    inside component: {{someProperty}}
</script>

CSS

.other-view {
    padding: 1em;
    border: 1px solid black;
}

CoffeeScript

window.App = Em.Application.create()