KnockoutJS Essentials

Using resources in the view-model

Now that we have created our product resource, we will use it in our view-model to get our data back by following these steps:

1. First of all, link the ProductResource.js file in the index.html file, as follows:

   <script type='text/javascript' src='js/resources/ProductResource.js'></script>

   Since the resource works asynchronously, you can't apply bindings at the end of the file because the data may not be ready yet. Therefore, bindings should be applied when the data has arrived.

   To do this, create a method called activate. This method will be fired at the end of the file, on the same line we called ko.applyBindings earlier, in the following manner:

   1. Take this line of code:

      ko.applyBindings(vm);

   2. Replace it with this one: ...