ノックアウトJS 3.0.0：地図オブジェクトを表示

Question

マップオブジェクトを自分のタスクに表示する必要があります。私はJSfiddleで試してみました。私のプロジェクトで同じことを実装すると、JSfiddleをオンラインで使用していることがわかりましたノックアウトJS 3.4.0 lib私のプロジェクトはknockoutJS 3.2.0を使っていますが、

このコードを作成するにはどうすればいいですかKnockoutJS 3.2.0？

ライブラリを更新する以外の方法はありませんか？

HTML：

<ul> 
    <li data-bind="foreach: model"> 
    <span data-bind="text: Main"></span> 
    <ul data-bind="foreach: Sub"> 
     <li><span data-bind="text: $data"></span></li> 
    </ul> 
    </li> 

KnockoutJS 3.0.0：

var viewModel = function() { 

    model = ko.observableArray([{ 
    Main: "Main1", 
    Sub: ["hello", "hi"] 
    }, { 
    Main: "Main2", 
    Sub: ["one", "two"] 
    }]); 
} 

ko.applyBindings(new viewModel()); 

ここに私のバイオリンがある：私はノックアウトJS 3.4.0へのlibプラグインをchnageときDisplay Map object 同じフィドルが働きます。 ご意見があれば助かります！

Answer 1

これは、ノックアウト3.0.0ソーススクリプトがhttpでロードされていて、httpsではないプロトコルエラーのためです。ここで

はノックアウトの下にあなたがそれを実行しようとすると、consoleが言うことである3.0.0 -

正しく続いている

Mixed Content: The page at 'https://jsfiddle.net/p5oL3wf5/' was loaded over HTTPS, but requested an insecure script 'http://knockoutjs.com/downloads/knockout-3.0.0.js'. This request has been blocked; the content must be served over HTTPS. 

- それは彼らので働いている他の人のためのに対し

Uncaught ReferenceError: ko is not defined(…) 

fiddleに外部リソースとしてthis linkがロードされています.httpsではなく、httpで始まることがわかります。

ノックアウトスクリプトの2つのバージョンの相違点は、あなたのフィドルが使用しているものについてはほとんど同じです。