我正在尝试使用angular5和angular材料 .

实际上,该项目包含一个显示DeviceEntry对象列表的组件 . 我的第一步是使用普通表并迭代一个DeviceEntry对象数组并向表中添加行(* ngFor = "let ....") . 其效果与预期一致 .

然后,我找到了漂亮的角度材料,并使用这些示例将我丑陋的 table 移动到垫子桌面,使其具有漂亮的外观和排序功能 .

该项目托管在:https://github.com/Finkman/lifecycle-db-frontend,我正在努力的组件是:https://github.com/Finkman/lifecycle-db-frontend/tree/master/src/app/device-entries

问题

当它在Firefox上运行时它按预期工作,但是当我在Safari或Epiphany(它也是基于WebKit的浏览器)上尝试时 . 该表未正确显示表格单元格的内容 .

行数是正确的,但单元格是空的 . 有时,当开始滚动或点击页面时,某些行会被渲染并可见 . 对我来说,似乎单元格没有正确绑定到DeviceEntries .

到目前为止,Googeling和try-and-error帮助不大: - /