Angular gridster 添加自定义内容

Angular gridster add custom content

我刚刚开始使用 angular-gridster 库,我想知道如何在小部件中嵌入 html 页面。我的意思是,我如何 'point' 指向一个 html 资源,它单独加载它的数据等等。 例如,我想在小部件中嵌入某种图表以创建仪表板。

谢谢!

您可以将 iframe 元素放入 Gridster 小部件中。根据经验,我的建议是检测用户何时开始调整带有嵌入式 iframe 的小部件的大小,并在调整大小期间暂时在 iframe 上设置 display: none,否则浏览器会出现大问题。调整大小完成后,再次显示 iframe。

我实际上已经使用这个答案解决了它:

比仅使用 iframe 稍微复杂一些,是的,但是您再次拥有更好的模块化 - 每个小部件都有自己的指令等等。谢谢 emackey!