Angular A帧角度7无法加载gltf模型

我试图用Angular 7在一帧中显示gltf模型

 `<a-scene embedded="" cursor="rayOrigin: mouse">
  <a-assets>
    <a-asset-item id="bedroom" src="../../assets/models/homedesign/scene.gltf"></a-asset-item>
  </a-assets>

   <a-entity id="camera" camera="" position="0 0 0" look-controls wasd-controls>
   </a-entity>        

  <a-entity id="room" gltf-model="#bedroom" position="-14 -30 -125" rotation= "0 160 0" material-map="map: map">
  </a-entity> 

</a-scene>
`

`

html位于homedecor.component.html中，gltf文件位于homedesign文件夹中。我使用ng serve启动服务器

谁能帮我看看吗

谢谢
Angular可能把事情搞砸了，您需要延迟添加卧室实体，以便可以首先附加资产。出于这个原因，我不建议使用Angular/Typescript堆栈，因为它会带来许多我们无法真正帮助解决的复杂问题。
如果您想为您的问题找到真正的解决方案：

在component.ts上：

isLoaded=false；
已加载（$event）{
this.isLoaded=true；
}

在component.html上：


这可能与您的构建系统有关。网页包？代码看起来不错，但很难诊断构建问题…感谢您抽出时间。我没有使用网页包。我只是通过ng build来构建dist文件夹。我可以在dist的资产文件夹中看到在文件夹中创建的gltf/bin文件。然后我使用ng serve在浏览器上为其提供服务。我注意到的一件事是，包含gltf/bin文件的文件夹没有显示在Chrome开发人员门户的“Sources”选项卡下。我完全不明白为什么会发生这种情况，我发现网页包是由ng serve内部使用的。此外，ng serve不是从/dist服务文件夹，而是从内存服务文件夹。此时，我无法确定是否需要修改webpack配置以提供gltf文件，如果需要，则需要进行哪些修改？我还尝试使用AngularHTTP服务器来服务我的文件，但仍然存在相同的问题。可能是因为文件类型吗？是的，自从我决定从Angularjs转移到Angular2框架之后，我一直无法在webvr上花费任何时间，因为Angular一直在搞砸一件事或另一件事。哪种框架简单且适合Webvr？或者我应该坚持使用AngularJS，因为这对我来说很容易管理？为了能够在网站上提供服务，AngularJS（不是Angular2或7等）就足够了，对吗？当我可以学习webVR时，我不必要地花费时间学习webpack来展示我的gltf模型。这就是我的感受