防止模板

Question

我用我的應用程序頁面模板讓事情變得很乾爽，像{{>導航欄}}泛音之類的頁面模板被執行。

我試圖避免把裏面的index.html每一個模板，但他們定位他們使用使得它如此，當頁面加載Template7嘗試執行代碼和錯誤裏面的模板頁面中出。

有什麼我丟失或我實際上必須把我的索引文件中的每一件事情？

Answer 1

在我剛剛結束了通過AJAX堅持我的模板目錄中，每個文件之一，並加載它們到底將編譯的模板傳遞給回調函數。

function loadTemplate(name, callback) { 
    $.get('templates/' + name + '.tpl', function(template) { 
     callback(Template7.compile(template)); 
    }); 
} 

Answer 2

你不必把一切索引的文件裏 - 事實上，我已經在那裏幾乎沒有我的應用程序。

你應該在那裏的唯一的東西是什麼，你總是需要證明或準備顯示（某種類型的主容器或菜單）。其他的一切，有時使用它，或者只是認爲彈出我用JavaScript創建像這樣：

function createRandomPage() { 

    // Main container 
    var randomPage = document.createElement('div'); 
    randomPage.className = "mainPages"; 
    var randomText = document.createElement('p'); 
    randomText.className = "mainPagesText"; 
    randomText.innerText = "Hello I'm a new page"; 
    randomPage.appendChild(randomText); 

    // Destroys page when you move it off of the screen 
    // Doing this avoids unnecessary memory usage 
    randomPage.addEventListener('animationend', function() { 
     if (randomPage.style.animationName == "removeRandomPage") { 

      console.log("destroying random page"); 
      document.body.removeChild(randomPage); 
     } 
    }); 

    document.body.appendChild(randomPage); 
}