javascript - 如何在 Knockout.js 中显示 html 元素的输出

Question

我的 main.js 中有以下数组。

ko.observableArray(
    [ output[0],output[1],output[2],output[3],output[4]]);

我想在以下html的ul元素上一一显示每个output[i]:

<section>
    <ul id="results" ></ul>
</section>

如何实现？提前致谢!

Answer 1

也许您应该完成入门交互式教程。 http://learn.knockoutjs.com/

function viewModel(output) {
  this.myArray = ko.observableArray(
    [output[0], output[1], output[2], output[3], output[4]]);
}

ko.applyBindings(new viewModel(['one', 'two', 'three', 'four', 'five']));

<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.4.2/knockout-min.js"></script>


<section>
  <ul id="results" data-bind="foreach: myArray">
    <li data-bind="text: $data"></li>
  </ul>
</section>