G2图表嵌入到FloatingObject后，angular的ngfor等指令不执行

收藏

需求：在FloatingObject中的图表下方，可以渲染 “年份 > 月份 > 日期” 的效果

问题描述：图表插入到普通的div里时，可以看到如下需求中的效果，如下图：
但是将图表插入FloatingObject，路径却不显示了，chart.component.html里的ngFor未执行，如下图：

放在div的效果用 方法一 step1、step2 标注，放在FloatingObject里的效果用方法二 1、2、3、4 标注。
下载文件之后，1.npm i 安装依赖; 2.ng serve。代码在src--app--routes--dashboard

Fiooona · Fiooona

问题收到，需要先尝试复现这个问题，预计近日内答复您

莫莫 · 莫莫

好的，非常感谢

Fiooona · Fiooona

到这个页面具体的访问地址是什么呢？

莫莫 · 莫莫

Fiooona 发表于 2020-9-7 16:33
到这个页面具体的访问地址是什么呢？

账号 admin
密码 ng-alain.com

Fiooona · Fiooona

KevinChen · KevinChen

正在处理这个问题，今天之内回复

KevinChen · KevinChen

您好，这个问题找到原因了。

在浮动对象中的元素，不能用Angular的机制来渲染，这是因为浮动对象的初始化、加载、销毁等机制，都是由SpreadJS内部控制的，是完全脱离Angular的生命周期的，因此用Angular的命令标签来迭代渲染这部分内容就没办法生效。

解决方案：在这个Demo中，要添加年份 > 月份 > 日期栏，只能通过纯js的方式在这里拼接：
image.png442430114.png

		自动登录	找回密码
密码			立即注册

[已处理] G2图表嵌入到FloatingObject后，angular的ngfor等指令不执行

7 个回复

微信认证勋章

讲师达人

悬赏达人

元老葡萄

SpreadJS 认证

SpreadJS 高级认证