How to display output from html elements in knockout.js

Question

I have the following array in my main.js.

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

and I want to dislpay each output[i] one by one on the ul element of the following html:

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

How to achieve it ? Thanks in advance!

@Tomalak yes have tried the for each binding, but could not successfully achieve it. — ss22ever
– ss22ever, Commented Jun 18, 2017 at 11:37
Then show your code. (Besides: What you want is extremely basic. It's the bread and butter of knockout. The Knockout documentation covers it. The knockout live tutorial covers it. Thousands of threads on Stack Overflow cover it. "I gave up after one attempt" does not cut it. Try harder.) — Tomalak
– Tomalak, Commented Jun 18, 2017 at 11:39

Bryan Dellinger · Accepted Answer · 2017-06-18 12:23:24Z

2

maybe you should work through the getting started interactive tutorial. 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>

answered Jun 18, 2017 at 12:23

Bryan Dellinger

5,43210 gold badges40 silver badges90 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

DonovanM Over a year ago

Also, it would be better to simply assign the observable array this way: this.myArray = ko.observableArray(output);

Collectives™ on Stack Overflow

How to display output from html elements in knockout.js

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related