angular-stl-model-viewer在角度项目中不起作用

Question

我试图通过npm包angular-stl-model-viewer将stl-viewer添加到我的angular项目中，并成功安装了所有依赖项。 问题是，它没有显示。 那就是指向软件包的链接：https://github.com/tevim/angular-stl-model-viewer

我检查了html页面的源代码，发现我使用标签集成到我的页面的angular-stl-viewer在标签内创建了一个div元素和一个画布。画布的width和height属性为零。因此似乎有一个问题。但是我成功地在在线stl查看器上渲染了示例stl文件“ HalfDonut.stl”。 我还检查了演示页中的html源代码，除了画布的宽度和高度外，它看起来相同。 演示页：https://tevim.github.io/angular-stl-model-viewer/examples/basic/dist/my-app/

Answer 1

我遇到了同样的问题，显然您需要添加一些CSS才能使查看器出现：

stl-model-viewer {
  display: block;
  height: 500px;
  width: 500px;
}

这是在angular-stl-model-viewer存储库中的示例下找到的： https://github.com/tevim/angular-stl-model-viewer/tree/master/examples/basic/src/app