Ember Octane is here! A lot has changed since Ember 3.14, including these Guides. Read more in the Ember Blog.

Old Guides - You are viewing the guides for Ember v1.10.0. VIEW v3.15.0
Edit Page

Transitioning back to Show All Todos


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:

{{! ... 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