在这个应用的状态栏上面，用来切换显示任务的这个导航，需要一点 html 代码，我们可以把这个简单的导航放到页脚的模板上 ...

打开 index.html ... 打开定义页脚模板的地方 ... 用一组 ul 标签 .. 去定义一个无序的列表 ... 在这个标签上面，加上一个叫 filter 的 id ...

在它里面加上几个列表标签 ... 这些列表里面的东西就是链向对应的地址的链接 ... 第一个列表项目是链向应用首页的链接 ... 地址可以设置成一个 # 号 ... 链接上面的文字是 全部 ...

第二个列表项目里，链向的是显示未完成任务项目的地址 ... 这个链接的地址可以是 #/active ... 在这里，active 就是这个地址的的一个参数 ... 在后面我们会用到它 ... 链接上的文字是 进行中 ...

第三个列表项目可以是一个链向完成的任务项目的页面地址 ... 链接的地址是 #/completed ... 在这个地址，completed 是这个地址的一个参数 ... 同样我们会在后面用到它来判断要显示的任务项目 ... 链接上的文字是 已完成 ...

保存 ... 在浏览器里预览一下 ...

在状态栏上，会显示一个简单的导航 ... 上面有三个链接 ...

点击进行中 ... 访问的地址是 #/active ... 点击 已完成 .. 访问的地址是 #/completed ...

现在，打开这些地址，还不能去做什么 ... 在下面的视频里，我们再去创建一个路由器 ... 去处理一下访问这些地址的行为 ...