Как остановить событие click при перетаскивании с помощью библиотеки angular2-draggable?

Question

Я использую библиотеку angular2-draggable для функции перетаскивания, но проблема в том, что у меня одно событие щелчка внутри основного элемента div, куда я помещаю ngDraggable , так что происходит после окончания перетаскивания, событие click также происходит, я не хочу этого при перетаскивании, я хочу нажать на div, тогда должно происходить только событие click.

<div id="legend"  ngDraggable >
        <div class="regionLegendbtn">
            <button class="legend-btn" (click)="showLegend('regionLegendDiv', 'regionLegendbtn')">
            </button>
        </div>
    </div>

Пожалуйста, помогите мне, как я могу это остановить.