I've been looking for a MVC framework for my front end developments. Knockout seemed to deliver everything I was looking for. But now that the page is growing larger with more and more modules or menus, this single file containing all of the HTML content is not really a good approach.
By looking at the angularjs homepage (more specifically the Wire up a Backend example), it seems that this solves the problem thanks to the $routeProvider.
Now knowing that I now have some code done with knockout, I would prefer to integrate this solution in my existing website ratter than rewriting it with angularjs, also I've read that is easier to implement 3rd party UI widgets thanks to custom binding with knockout.
Is there a way of doing this with knockout?
I would take a different route.
You can seperate your modules into seperate files, and load them with RequireJS. The documentation has an explanation on doing this.
You can start separating your templates into external files, and loading them with Knockout-External-Templates.
This should give you sufficient separation and modularity to create an SPA without moving to a different structure/framework, like Angular.