Cannot read property 'getOrCreateGeometry' of undefined
<p>I am using <a href="https://github.com/aframevr/aframe" rel="nofollow noreferrer">A-Frame</a> with Angular 2.</p>

<p>The code is simple, showing a curved image:</p>

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

<p>Without Angular 2 router, it works well: <a href="http://plnkr.co/edit/pqmTU1yaISCijItyVytD?p=preview" rel="nofollow noreferrer">working plunker</a></p>

<p>After adding router, I got the error below. <a href="http://plnkr.co/edit/NiqSRd6hduE5yCboTVZs?p=preview" rel="nofollow noreferrer">issue plunker</a></p>

<blockquote>
  <p>VM14540 aframe.min.js:75 Uncaught TypeError: Cannot read property
  'getOrCreateGeometry' of undefined</p>
</blockquote>

<p><a href="https://i.stack.imgur.com/cR8Wf.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/cR8Wf.png" alt="enter image description here"></a></p>

<p>And I found if I remove these two <code>theta-length="72" height="2.6"</code> in the issue plunker, it won't through the error.</p>

<p>I want to use <code>theta-length="72" height="2.6"</code> and the router together. What may cause this? Thanks</p>