如果单击并按住一个按钮，如何使用angular一次又一次触发鼠标单击按钮？

Question

    <button type="button" class="btn btn-default"
            ng-click="rotate(true)">
        <i class="fa fa-sort-asc" style="color:blue"></i>
    </button>

How can I call the rotate function in my controller again and again after an interval of say 500 msec until the user clicks and holds the button?

Answer 1

With a combination of the ng-mousedown and ng-mouseup directie interval service you can create this functionality.

<button type="button" class="btn btn-default"
        ng-mousedown="startRotate(true)" ng-mouseup="endRotate()" ng-mouseleave="endRotate()" >
    <i class="fa fa-sort-asc" style="color:blue"></i>
</button>

in the startrotate function you create an interval that calls the rotate function every x time. In the endRotate you call the cancel function on the interval you created in the start function.

Edit: you also need ng-mouseleave because the ng-mouseup is never registered if you move the mouse off the button while the mouse button is down.

Documentation:

http://docs.angularjs.org/api/ng/directive/ngMousedown

http://docs.angularjs.org/api/ng/directive/ngMouseup

http://docs.angularjs.org/api/ng/service/ $interval