Pager.js is a single-page application framework for KnockoutJS, and it has a lot of neat things out-of-the-box. But if you're using it, you may wonder how to create a 404 page, since there's no explicit method for this purpose.

It turns out, however, that this is pretty easy! Pager.js has a built-in system for wildcards that provides a sort of "catch-all" for routes. So, if you create a root page (as in a page that is not nested under any other pages), just set the id to "?" (i.e. the wildcard marker).

<div data-bind="page: {id: '?', title: '404 - Page Not Found', scrollToTop: true, sourceCache: true }">
    <h1>404 :'(</h1>

If you do this, any routes that don't have matching page will fall to the root wildcard page (like what happens here)! Which you can design however you want!

Creating a 404 page with pager.js
9.08.2015 ~ 08:51 PM
posted in professional
tagged in javascript : jquery : knockout : pagerjs
comments [0]

be the first to comment


Please enter your comment below.