javascript - knockout JS 3.0.0 : Display Map object

Question

我必须在我的任务中显示 map 对象。我在 JSfiddle 中尝试过，它有效。当我在我的项目中实现相同的功能时，我发现 JSfiddle Online 使用 Knockout 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());

这是我的 fiddle :Display Map object当我将 lib 插件更改为 Knockout JS 3.4.0 时，同样的 fiddle 可以工作。任何建议都会有帮助!

Answer 1

这是因为在您的 knockout 3.0.0 源脚本中使用 http 而不是 https 加载的协议(protocol)错误。

以下是当您尝试在 Knockout 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(…)

而对于其他人来说，它正在发挥作用，因为他们有 this link作为外部资源加载于 fiddle ，如果您观察到它以 https 开头，而不是 http。

就两个版本的 knockout 脚本之间的差异而言，对于您的 fiddle 使用的内容来说，它们几乎是相同的。