Test case to reproduce an issue with ko-component-router with hashbang:false (path bindings don't bind right when prefixed with ./)
To set up:
npm install
node_modules/.bin/webpack testcase.js bundle.js
node_modules/.bin/http-server
Then visit http://localhost:8080/#!/
| <!doctype html> | |
| <app></app> | |
| <script src="/bundle.js"></script> |
| { | |
| "dependencies": { | |
| "http-server": "^0.9.0", | |
| "knockout": "^3.4.0", | |
| "ko-component-router": "^3.7.18", | |
| "webpack": "^1.13.0" | |
| } | |
| } |
| 'use strict' | |
| require('ko-component-router') | |
| var ko = require('knockout') | |
| ko.components.register('app', { | |
| viewModel: class App { | |
| constructor() { | |
| this.routes = { | |
| '/': 'home', | |
| '/user/:id': 'user' | |
| } | |
| } | |
| }, | |
| template: ` | |
| <ko-component-router params=" | |
| routes: routes, | |
| base: '', | |
| hashbang: true"> | |
| </ko-component-router> | |
| ` | |
| }) | |
| ko.components.register('home', { | |
| template: `<a href="/user/1234">Show user</a>` | |
| }) | |
| ko.components.register('user', { | |
| viewModel: class User { | |
| constructor(ctx) { | |
| this.nextUser = ko.pureComputed(()=>parseInt(ctx.params.id())+1) | |
| } | |
| }, | |
| template: 'User: <!-- ko text: $router.params.id --><!-- /ko -->; next user: <a data-bind="path: \'./\'+nextUser(), text:nextUser()"></a>' | |
| }) | |
| ko.applyBindings() |