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

4

1 に答える 1

0

私のホストは、KO がテンプレートに使用するコメントを削除していました。それをキャッチしてくれた@nemesvに感謝します！

于 2012-11-20T15:19:58.840 に答える