title: How to structure a Knockout.js application that uses multiple independent views?
body: <p>It's quite clear to me how to use Knockout.js if you have <em>one</em> view.</p>
  
  <p>How do I structure an application if I have multiple views that are independent of each other? I can imagine that I should have on view model per view (of course, since this is the meaning of a <em>view</em> model), but how do I split the HTML files into components?</p>
  
  <p>E.g., I'd like to have HTML snippets each in its own file for defining views, and the <code>index.html</code> only has placeholders for where to add these views.</p>
  
  <p>I can not imagine that Knockout.js does not support this, but all the examples I found so far always were just one view (as the samples of <a href="http://todomvc.com/" rel="nofollow">TodoMVC</a> are).</p>
  
  <p>How do I break one big HTML file into multiple files, one for each view, and then combine them using Knockout.js? </p>