angular-stl-model-viewer 在 Angular 项目中不起作用答案

【问题标题】：angular-stl-model-viewer not working in angular projectangular-stl-model-viewer 在 Angular 项目中不起作用
【发布时间】：2019-10-26 03:50:44
【问题描述】：

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

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

【问题讨论】：

有没有人可以快速测试它并告诉我这是一个一般错误还是只是属于我的角度/浏览器或其他什么的问题。非常感谢！ :)

标签： javascript angular typescript three.js stl

【解决方案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

【讨论】：