Question

我试图找到过去3天的解决方案，但没有运气。

我的要求是加载highcharts ，其中包含一些用于分析的数据。我有加载50个这样的图表，每个图表持有百万点。为了摆脱浏览器崩溃，我决定一次加载10个图表，并在页面底部显示更多按钮， onclick 应该在现有10个下面的同一页面上加载另外10个图表。

问题：

不知道如何在按钮点击时将玉文件附加到div 到现有的玉文件。

我做了什么：

我有两个名为jade1to10.jade和jade11to20.jade的玉文件图表配置中有相应的.js（角度）文件。
我可以在不同的标签上单独加载它们。
我在jade中尝试了包含选项但是在编译时会加载时间，并希望第二页加载/附加到父玉后按钮单击。

我在玉器中使用角度控制器来加载图表。请提供您的输入以找到修复程序。提前谢谢。

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的数据。这可以减少网络消耗。

希望它会有所帮助。

在按钮单击上将Jade文件附加到父Jade文件中的div

1 个答案: