lundi 30 mars 2015

Ember Documentation understanding - Model linked to Template or not?

I'm learning Ember right now and i'm beeing a bit confused because of the Docu of Ember and the getting started example. In the Documentation it says:



In Ember.js, templates get their properties from controllers, which decorate a model.



And



Templates are always connected to controllers, not models.



But after doing the getting started guide i'm not sure if this is correct.


I've uploaded the finished TodoMVC app here: http://ift.tt/19nWSqs


In the Index.html you'll find this template:



<script type="text/x-handlebars" data-template-name="todos/index">
<ul id="todo-list">
{{#each todo in model itemController="todo"}}
<li {{bind-attr class="todo.isCompleted:completed todo.isEditing:editing" }}>
{{#if todo.isEditing}}
{{edit-todo class="edit" value=todo.title focus-out="acceptChanges" insert-newline="acceptChanges"}}
{{else}}
{{input type="checkbox" checked=todo.isCompleted class="toggle"}}
<label {{action "editTodo" on="doubleClick"}}>{{todo.title}}</label>
<button {{action "removeTodo"}} class="destroy"></button>
{{/if}}
</li>
{{/each}}
</ul>
</script>


My question refers to the 3rd Line:



{{#each todo in model itemController="todo"}}


In my opinion there is the model directly connected with the template isn't it?


Or is there a default Controller like the docu mentioned here?



For convenience, Ember.js provides controllers that proxy properties from their models so that you can say {{name}} in your template rather than {{model.name}}.






Aucun commentaire:

Enregistrer un commentaire