javascript - Can you apply visible binding based on the data currently being bound? -

i'm trying set content in template visible if item being rendered "current item".

here code far, want able render part of inner template if data item being rendered has id == window.viewmodel.activeobject.

<section data-bind='template: { name: "categorytemplate", foreach: categories }'></section>  <script type="text/html" id="categorytemplate">     <section>         <h2>${name}</h2>         <section data-bind='template: { name: "objecttemplate", foreach: objects }'></section>     </section> </script> <script type="text/html" id="objecttemplate">     <article>         <h3>${name}</h3>        (only render if object rendered has id equal viewmodel.activeobject)         {{html text}}      </article> </script> <script>     $(document).ready(function(){         window.viewmodel = { categories : <asp:literal runat="server" id="literaljson" />,             activecategory: ko.observable(0),             activeobject: ko.observable(0)         };          ko.applybindings(window.viewmodel);     }); </script> 

how go doing that?

you'll want use {if}{/if}

<script type="text/html" id="objecttemplate">     <article>         <h3>${name}</h3>         {if $item.data.id === viewmodel.activeobject()}         {{html text}}         {/if}     </article> </script>