Angular gridster 添加自定义内容

Posted 2023-05-07

【中文标题】Angular gridster 添加自定义内容

【英文标题】：Angular gridster add custom content

【发布时间】：2016-05-11 07:02:45

【问题描述】：

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

谢谢！

【参考方案1】：

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

【参考方案2】：

我实际上已经用这个答案解决了它：Widgets with different dynamic content (angular-gridster)

是的，它比仅仅使用 iframe 稍微复杂一些，但是你又拥有了更好的模块化——每个小部件都有自己的指令等等。谢谢 emackey！