Javascript 添加AngularJS后添加鼠标处理程序不起作用

我有以下函数，其中我从一个javascript代码中传递一个canvas元素：

function addMouseHandler(canvas) {
    console.log(canvas); //first console log for logging canvas
    canvas.addEventListener('mousemove', function (e) {
        onMouseMove(e);
    }, false);
    canvas.addEventListener('mousedown', function (e) {
        console.log('here'); //second log for logging we are inside event listener
        onMouseDown(e);
    }, false);
    canvas.addEventListener('mouseup', function (e) {
        onMouseUp(e);
    }, false);
}

如果我不在代码中添加AngularJS，这就可以了。但是在添加AngularJS之后，代码不会进入任何addEventListener（）方法

我的代码仍然记录第一个console.log（），并正确记录画布元素：

<canvas width="945" height="550" id="mycanvas"></canvas>

但现在它不在addEventListener（）方法中。我使用console.log（'here'）检查了它，但从未调用过它

---

更新：我刚刚将ng app=“myApp”作为

添加到我的body元素中，然后这个addEventListener停止工作。我的代码中没有其他angularjs。

确定找到了问题。。。我有两次声明控制器。。。一次在ng控制器中，另一次在myApp.controller（）中。所以我的画布被创建了两次，鼠标侦听器都搞砸了

你说的“请建议”是指“请猜猜看”吗？如果不是，那么发布一些与角度相关的代码如何？我只是将ng app=“myApp”作为ng app=“myApp”>添加到我的元素中，然后这个addEventListener停止工作。我的代码中没有其他angularjs。此外，我将从我的问题中删除“请提供建议”。然后我们需要删除相关代码。确定发现问题。。。我有两次声明控制器。。。一次在ng控制器中，另一次在myApp.controller（）中。所以我的画布被创建了两次，鼠标侦听器都搞砸了。谢谢你。