angular 4: aframe orbit-controls 不起作用

Question

我尝试将这个 https://github.com/tizzle/aframe-orbit-controls-component 实现到我的应用程序中。添加了

  <script src="https://cdn.rawgit.com/tizzle/aframe-orbit-controls-component/v0.1.13/dist/aframe-orbit-controls-component.min.js"></script>

变成index.html
在 a-frame 组件工作的地方，轨道控制似乎没有运行。

将以下代码添加到 app.component.html 时：

<a-scene>

  <a-entity
      id="camera"
      camera="fov: 80; zoom: 1;"
      position="0 2 5"
      orbit-controls="
          autoRotate: false;
          target: #target;
          enableDamping: true;
          dampingFactor: 0.125;
          rotateSpeed:0.25;
          minDistance:3;
          maxDistance:100;
          "
      mouse-cursor="">
      <a-entity geometry="primitive:cone; radius-bottom:1; radius-top:0" scale=".33 1 .33" position="0 0 0" rotation="90 0 0" material="color: #0099ff; transparent: true; opacity:0.5"></a-entity>
  </a-entity>

  <a-entity id="target">
      <a-box id="box" position="-1 0.5 1" rotation="0 45 0" color="#4CC3D9"></a-box>
      <a-sphere id="sphere" position="0 1.25 -1" radius="1.25" color="#EF2D5E"></a-sphere>
      <a-cylinder id="cylinder" position="1 0.75 1" radius="0.5" height="1.5" color="#FFC65D"></a-cylinder>
      <a-plane position="0 0 0" rotation="-90 0 0" width="4" height="4" color="#7BC8A4"></a-plane>
  </a-entity>

  <a-sky color="#ECECEC"></a-sky>

</a-scene>

没有相机环绕。

Answer 1

需要更新0.7.0。您可以使用 0.6.0 或使用此 PR 使其与 A-Frame 0.7.0 一起使用：https://github.com/tizzle/aframe-orbit-controls-component/pull/29

angular 4: aframe orbit-controls 不起作用

angular 4: aframe orbit-controls does not work

controls

orbit

aframe

angular