單擊按鈕將Jade文件附加到父Jade文件中的div中

Question

我試圖在過去三天找到解決方案，但沒有運氣。

我的要求是加載包含一些數據以供分析的圖表 。 我必須加載50個這樣的圖表，每個圖表擁有一百萬點 。 為了避免瀏覽器崩潰，我決定一次加載10個圖表，並在頁面底部顯示一個更多顯示按鈕， onclick應該在現有10個圖表的同一頁面上再加載10個圖表。

問題：

• 不知道如何通過單擊現有的玉器按鈕將玉器文件附加到div 。

我做了什么：

• 我有兩個名為jade1to10.jade和jade11to20.jade的jade文件，其中分別具有用於圖表配置的.js（角度）文件。
• 我可以將它們分別加載到不同的選項卡上。
• 我嘗試了翡翠中的“ 包含”選項，但是在編譯時加載，並且希望在單擊按鈕后第二頁加載/附加到父翡翠中 。

我在翡翠中使用角度控制器加載圖表。 請提供您的輸入以找到解決方法。 提前致謝。

Answer 1

好吧，我想我明白了。

實際上，您需要使用ajax。 當用戶單擊按鈕時，然后將ajax請求發送到服務器，並以html格式返回圖表給您。 最后，只需將它們插入您的div中即可。

要將文件從jade形式編譯為html形式，請參見以下示例。

var jade = require('jade')
var file = fs.... //onefile, must be a string.
var template = jade.compile(file)
var result = template(locals) //the locals is a object which contains the variables you want to pass to the template. 

....
app('/',function(req,res){
    res.send(result)
)

您也可以只將數據傳遞給客戶端，然后將其轉換為所需的內容，然后插入div中。 這樣可以減少網絡消耗。

希望對您有所幫助。