выполнить функцию на странице или нет?

Question

У меня есть рекурсивная функция, как:

scope.$watch('settings.egg', function() { 
        var index = 0; 
        function inOrder() { 
         setTimeout(function() { 
          $(".egg").eq(index).removeClass("maximize") 
          $(".egg").eq(index + 1).addClass("maximize") 
          index++; 
          inOrder(); 
         }, 3000) 
        }; 
        $(".egg").eq(index).addClass("maximize") 
        inOrder(); 
       }) 

Моя функция выполнение на странице загрузки, но я не хочу этого. Я просто хочу нажимать на кнопку не на странице загрузки. Как я могу это сделать? Please ..

Answer 1

Почему бы не настроить функцию, привязанную к ng-клику вашей кнопки, и установить в ней свою функцию? Например:

scope.buttonClick = function() { 
    scope.watchFunc = scope.$watch('settings.egg', function() { 
        var index = 0; 
        function inOrder() { 
         setTimeout(function() { 
          $(".egg").eq(index).removeClass("maximize") 
          $(".egg").eq(index + 1).addClass("maximize") 
          index++; 
          inOrder(); 
         }, 3000) 
        }; 
        $(".egg").eq(index).addClass("maximize") 
        inOrder(); 
       }) 
} 

Вы бы хранить это в переменной области действия таким образом, чтобы вы могли легко вызвать из другой функции позже, чтобы отменить $ часы. И в разметке:

<button ng-click="buttonClick()">Click me to set the watch</button>