從javascript文件中剔除js模板

我正在向PHP文件提交表單，該表單會從數據庫返回一些產品。我現在需要添加一個淘汰賽模板與返回的數據。這裏是代碼：從javascript文件中剔除js模板

$("#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模板。我創造了這個示例文件：

product_template.html：

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

如何獲得該模板文件打印出來，從上面的javascript函數內？

來源

2016-04-24 BeniaminoBaggins

將數據存儲在一個observable/object中，並將其傳遞給模板本身，以便它可以讀取它。

您只鏈接了模板文件，您需要另一行來將數據應用到它，例如，

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

來源

2016-04-24 08:11:26 kasperoo

從javascript文件中剔除js模板

回答

相關問題