Как использовать html-файлы и частичные шаблоны просмотров в dot.js

Question

Я использую doT.js в качестве механизма шаблона, и мне нужно использовать html-файлы как частичные шаблоны представлений. есть ли способ передать URL-адреса вместо html-строки для шаблонов?

Answer 1

я не мог найти какие-либо документы по этому вопросу, но это легко использовать запросы XHR для чтения HTML-файлов и переход к в строке шаблона:
Предположим, у вас есть метод, чтобы получить содержимое HTML-файла

function getPartialView (template) { 

    // Return a new promise. 
    return new Promise(function(resolve, reject) { 
    // Do the usual XHR stuff 
    var req = new XMLHttpRequest(); 
    req.open('GET', "/templates/" + template + ".html", true); 
    // req.setRequestHeader('Content-Type', 'Application/JSON'); 

    req.onreadystatechange = function() { 

     if (req.readyState != 4 || req.status != 200) return; 

     // This is called even on 404 etc 
     // so check the status 

     resolve(req.responseText); 


    }; 

    // Handle network errors 
    req.onerror = function() { 
     reject(Error("Network Error")); 
    }; 

    // Make the request 
    req.send(); 
    }); 
} 

, то вы можете использовать его в генераторе шаблона:

getPartialView('myTemplate').then(function (result) { 

    // getting the template 
    var pagefn = doT.template(result, settings); 
    // appending to view 
    // data is the real data you want to render the template for 
     document.querySelector('#mayTemplateWrapper').innerHTML = pagefn(data); 

    });