使用angular2可拖动防止拖放

Question

我有这种情况：

我要实现的目标是使div可以仅通过左侧看到的点进行拖动。

现在，我将div设置如下：

<div  id="streetview-container" ngDraggable>
        <div id="controller-block">
            <div id="handle">
                <img src="app/img/sview-handles.svg" />
                <!-- the dot svg -->
            </div>
        </div>
        <div id="streetview-block">
            <div id="streetview"  ></div>
        </div>
    </div>

通过这种方式，div可以正常工作，并且拖动效果完美。问题是，当我按下鼠标左键并与探索该区域的地图进行交互时。整个div随着地图中相机的移动而移动。显而易见，我已经在整个div中设置了ngDraggable，而不仅仅是在controller-block中。但是，如果我在控制器块中移动了Draggable指令，则仅左侧移动，而div的其余部分则不移动。 （streetview-block ID没有移动）。

那么，关于如何解决这个问题的任何想法？