加載HTML模板JavaScript變量

Question

我保存所有的HTML模板到一個文件中。該文件包含大量模板（超過50個）。

<script type="text/html" id="template-1"> 
    <p>Template 1</p> 
</script> 
<script type="text/html" id="template-2"> 
    <p>Template 2</p> 
</script> 

我需要將模板加載到js變量。

我已經看過JQuery的負載的方法，但它加載的模板將其附加到DOM這不是我需要在這裏。

任何JQuery的或AngularJS解決方案爲我工作。

Answer 1

您可以用$.get然後filter了從響應元素的常規Ajax調用（不附加任何東西到DOM）。

例如

$.get("templateUrl", function (data) { 
    var $doc = $(data); 
    var firstTemplate= $doc.filter('#template-1').html() 
    var secondTemplate e= $doc.filter('#template-2').html() 
    //..Load rest of templates into variables 
});