how to use both angularJS and knockoutJS on same page <p>my application developed with AngularJS but now i'm going to implement 'Mosaico Email Template Editor' (which is developed with KnockoutJS).. so How Can i Use both Angular and Knockout On Same Page.. any one can explain with sample code.. ?? tanx in advance</p> <p>my sample code : </p> <pre><code>&lt;script type="text/javascript" src="js/core/controller/knockout.js"&gt;&lt;/script&gt; &lt;script src="dist/vendor/jquery.min.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="js/core/controller/controller.js"&gt;&lt;/script&gt; &lt;div data-bind="foreach: templates"&gt; &lt;div class="template template-xx" style="" data-bind="attr: { class: 'template template-'+name }"&gt; &lt;div class="description" style="padding-bottom:5px"&gt;&lt;b data-bind="text: name"&gt;xx&lt;/b&gt;: &lt;span data-bind="text: desc"&gt;xx&lt;/span&gt;&lt;/div&gt; &lt;a href="#" data-bind="click: $root.newEdit.bind(undefined, name), attr: { href: 'editor.html#templates/'+name+'/template-'+name+'.html' }"&gt; &lt;img src="/images/full.png" width="100%" alt="xx" data-bind="attr: { src: 'templates/'+name+'/edres/_full.png' }"&gt; &lt;/a&gt; &lt;/div&gt; &lt;/div&gt; *[and JS file below - controller.js][1]* var viewModel = { templates: [ { name: 'versafix-1', desc: 'The versatile template' }, { name: 'tedc15', desc: 'The TEDC15 template' } ] }; document.addEventListener('DOMContentLoaded',function(){ ko.applyBindings(viewModel); }); </code></pre> <p>First two image - what i expect but i get now right side one...i think knockout binding not working properly in my page:</p> <p><img src="https://i.stack.imgur.com/tojhW.png" alt="First two image - what i expect but i get now right side one...i think knockout binding not working properly in my page"></p>