How to bind array of objects from promise knockout.js?
How to bind array of objects from promise knockout.js?
1 answer
by
darion ,
6 months ago
@adan
You can bind an array of objects from a promise in knockout.js using the foreach binding. Here's an example of how you can do this:
- Fetch data from a promise:
1 2 3 4 5 |
// Assume that fetchData() is a function that returns a promise that resolves to an array of objects
fetchData().then(data => {
// bind the data to your view model
viewModel.items(data);
});
|
- Create a view model in knockout.js:
1 2 3 4 |
const viewModel = {
items: ko.observableArray([]),
};
ko.applyBindings(viewModel);
|
- Bind the array of objects in your HTML using the foreach binding:
1 2 3 4 5 6 7 |
<ul data-bind="foreach: items">
<li>
<span data-bind="text: name"></span>
<span data-bind="text: age"></span>
<!-- Add more bindings for other properties of the object -->
</li>
</ul>
|
By following these steps, you can bind an array of objects from a promise in knockout.js and display the data in your view.
Related Threads:
How to put data into nested array and bind it to html in knockout.js?
How to bind focusout event to knockout.js?
How to bind two events to an element in knockout.js?
How to bind checkboxes to google maps markers using knockout.js?
How to sort array of objects in laravel?
How to store array of objects in laravel?