ノックアウトjsテンプレートからのJavaScriptファイル

Question

私は、データベースからいくつかの製品を返すフォームをPHPファイルに送信しています。私は今返されたデータでノックアウトテンプレートを追加する必要があります。ここでは、コードは次のようになります。

$("#search-filter-form").submit(function(event) { 
     // stop form from submitting normally 
     event.preventDefault(); 

     // get some values from elements on the page: 
     var $form = $(this), 
      url = $form.attr('action'); 

     // Send the data using post 
     var posting = $.post(url, 
      { place: searchFilterViewModel.searchFilterAutoComplete.placeObject, 
       categories: searchFilterViewModel.categorySelect.selectedCategories 
      }).done(function(data) { 
       searchResultsViewModel.allProducts(JSON.parse(data)); 
       for(var x = 0; x < searchResultsViewModel.allProducts().length; x++) { 
        $("search-results").append();// NEED TO APPEND THE KNOCKOUT TEMPLATE HERE 
       } 
      }); 
    }); 

私はHTMLテンプレートを持つ別々のファイルを持っていると思います。私は、テンプレートファイルは、上記のJavaScript関数の中から、プリントアウトすることを取得するにはどうすればよい

<script type="text/html" id="product-template"> 
    <h3 data-bind="text: allProducts.name"></h3> 
    <p>Credits: <span data-bind="text: credits"></span></p> 
</script> 

：

product_template.html：私は、この例のファイルを作成していますか？

Answer 1

観測可能なオブジェクトにデータを格納し、それをテンプレート自体に渡すことで読み込むことができます。

テンプレートファイルのみをリンクしました。データを適用するために別の行が必要です（例：

<div data-bind="template: { name: 'product-template', data: buyer }"></div>