How do I...Get the list with relational values and display

See more:

WebAPI

Knockout.js

EF6.0

I have Models "Category" & "SubCategory". CategoryID is foreign key in SubCategory Table. I need to fetch all the Category and related SubCategories and bind in an Accordion list.

This is my code :

<pre lang="HTML">
<div id="accordian" data-bind="foreach:Categories">
   <div class="panel-heading">
      <h4 class="panel-title"><span data-bind="text: CategoryName"></span></h4>
   </div>
   <div class="panel-body">
      <ul data-bind="foreach:SubCategories">
         <li><a href="#"><span data-bind="text: SubCategoryName" ></span></a></li>
      </ul>
   </div>
</div>

Please help me on this, i am new to knockoutjs Webapi

Thanks in advance