我的应用程序是用 AngularJS 开发的,但现在我要实现“Mosaico 电子邮件模板编辑器”(它是用 KnockoutJS 开发的)......所以我如何在同一页面上同时使用 Angular 和 Knockout ......任何人都可以用示例代码来解释。 . ?? 提前缴费
我的示例代码:
<script type="text/javascript" src="js/core/controller/knockout.js"></script>
<script src="dist/vendor/jquery.min.js"></script>
<script type="text/javascript" src="js/core/controller/controller.js"></script>
<div data-bind="foreach: templates">
<div class="template template-xx" style="" data-bind="attr: { class: 'template template-'+name }">
<div class="description" style="padding-bottom:5px"><b data-bind="text: name">xx</b>: <span data-bind="text: desc">xx</span></div>
<a href="#" data-bind="click: $root.newEdit.bind(undefined, name), attr: { href: 'editor.html#templates/'+name+'/template-'+name+'.html' }">
<img src="/images/full.png" width="100%" alt="xx" data-bind="attr: { src: 'templates/'+name+'/edres/_full.png' }">
</a>
</div>
</div>
*[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);
});
前两张图片 - 我期望的,但我现在得到了右边的一张......我认为淘汰赛绑定在我的页面中无法正常工作: