AngularJS: Event handler thats executed only once

问题

Is there a directive or a way to implement in AngularJS what .one() function achieves with jquery?

Ie, to attach an event to an element that gets executed only once.

回答1:

Wire up an ng-click to the element you want, then in the ng-click function in your controller have a variable that you toggle to a state that would make the ng-click no longer execute something like

var firedOnce = false;
scope.myClickFunction = function(){
    if(firedOnce){ return; }
    //other code
    firedOnce = true;
}

You could also wire up a directive to do it too.

edit: Jsfiddle of directive method: http://jsfiddle.net/4hDb3/

来源：https://stackoverflow.com/questions/17449076/angularjs-event-handler-thats-executed-only-once