Knockout.js虚拟元素在本地但不是远程工作

时间:2012-11-20 13:50:05

标签: javascript html knockout.js knockout-2.0

我遇到这个问题,即虚拟淘汰模板在远程托管时无法正确绑定,但在本地运行完美。

这是有问题的页面:http://www.brandonmartinez.com/presentations/20121109-AdvancedKnockoutJs/index.html#8

这是我的模板:

<ul>
    <!-- ko template: {name: 'product-template', foreach: Computers} --><!-- /ko -->
    <!-- ko template: {name: 'product-template', foreach: Phones} --><!-- /ko -->
</ul>

和javascript的基础:

function Slide005And006ViewModel() {
    var vm = this;

    function ProductViewModel(productName, description) {
        var pvm = this;

            pvm.ProductName = ko.observable(productName);
            pvm.Description = ko.observable(description);
    }

    vm.Computers = ko.observableArray([new ProductViewModel('iMac', 'All-in-One Computer'), new ProductViewModel('Latitude', 'Dell Laptop'), new ProductViewModel('Surface', 'Microsoft Tablet')]);
    vm.Phones = ko.observableArray([new ProductViewModel('iPhone', 'Awesome'), new ProductViewModel('Lumia', 'Not Bad'), new ProductViewModel('Anything Android', 'Crap')]);
}

ko.applyBindings(new Slide005And006ViewModel(), document.getElementById('slide006'));

非常感谢任何想法。

此处提供完整资源:http://www.brandonmartinez.com/presentations/20121109-AdvancedKnockoutJs/source.zip

1 个答案:

答案 0 :(得分:0)

我的主持人正在删除KO用于模板的评论。感谢@nemesv抓住它!