Transitioning back to Show All Todos Edit Page


Next we can update the application to allow navigating back to the list of all todos.

In index.html convert the <a> tag for 'All' todos into a Handlebars {{link-to}} helper:

1
2
3
4
5
6
7
8
9
10
11
{{! ... additional lines truncated for brevity ... }}
<li>
  {{#link-to "todos.index" activeClass="selected"}}All{{/link-to}}
</li>
<li>
  {{#link-to "todos.active" activeClass="selected"}}Active{{/link-to}}
</li>
<li>
  {{#link-to "todos.completed" activeClass="selected"}}Completed{{/link-to}}
</li>
{{! ... additional lines truncated for brevity ... }}

Reload your web browser to ensure that there are no errors. You should be able to navigate between urls for all, active, and completed todos.

Live Preview

Ember.js • TodoMVC

Additional Resources