Загрузите шаблоны 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

Вы можете сделать обычный вызов ajax с помощью $.get, а затем filter вне элементов от ответа (без прикрепления ничего к 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 
});