单击按钮将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中。 这样可以减少网络消耗。

希望对您有所帮助。