无法读取未定义的属性'getOrCreateGeometry'

Question

我正在使用A-Frame和Angular 2。

代码很简单，显示出弯曲的图像：

  <a-curvedimage src="https://upload.wikimedia.org/wikipedia/commons/b/be/Random_pyramids.jpg"
    position="0 2 -20"
    theta-length="72"
    height="2.6">
  </a-curvedimage>

如果没有Angular 2路由器，它运行良好：working plunker

添加路由器后，我收到以下错误。 issue plunker

  

VM14540 aframe.min.js：75 Uncaught TypeError：无法读取属性   未定义的'getOrCreateGeometry'

我发现如果我在问题plunker中删除这两个theta-length="72" height="2.6"，则不会通过错误。

我想一起使用theta-length="72" height="2.6"和路由器。可能是什么原因导致的感谢

Answer 1

感谢@ngokevin @perak @alxhub @DzmitryShylovich在GitHub的帮助。

所以像@ngokevin所说的那样：错误是因为当几何体初始化时，某些东西没有被场景初始化。

工作方式是

http://plnkr.co/edit/MkQkrneTXYcZ1w6YFoLm?p=preview

<a-scene (loaded)="onLoaded()">
  <a-curvedimage
    *ngIf="show"
    src="https://upload.wikimedia.org/wikipedia/commons/b/be/Random_pyramids.jpg"
    position="0 2 -20"
    theta-length="72"
    height="2.6">
  </a-curvedimage>
</a-scene>

show = false;
onLoaded() {
  this.show = true;
}