如何将三个.js控件限制为特定的Angular2组件或Div

我有一个页面，在每个DIV中有多个Angular2组件。其中一个组件是使用OrbitControls的THREE.js场景

当我使用鼠标滚轮滚动或单击并拖动时，三维模型会正确地旋转和缩放。然而，无论我的鼠标指针在哪里，这种情况都会发生。我需要能够使用鼠标滚轮在另一个组件中向下滚动列表

---

如何将THREE.js场景的控件限制/限制到其特定组件或DIV？

要将控件限制到特定组件或DIV，请按照@prisoner849所述操作-创建OrbitControls时，将渲染器的DomeElement作为第二个参数：

var controls = new THREE.OrbitControls(camera, renderer.domElement)

---

创建OrbitControls时，请尝试将渲染器的DomeElement作为第二个参数：

var controls=new THREE.OrbitControls（camera，renderer.DomeElement）

Thank you@prisoner849。成功了。