executing function after multiple angular.forEach

Question

     angular.forEach(values1, function(value, key){
       $compile(value)($scope)
     });

     angular.forEach(values2, function(value, key){
       $compile(value)($scope)
     });
    foo()

I want to execute function foo() only after these two forEach complete. any help. I am just a beginner.

So what's the issue? The `foo()` will execute after these two loops. — Ankit Agarwal, May 09 '18 at 13:27
you probably have to use $time out between compiles check this answer here https://stackoverflow.com/questions/31589106/how-to-wait-till-the-end-of-compile-in-angularjs — Panos K, May 09 '18 at 13:40

score 1 · Answer 1 · answered May 09 '18 at 13:43

1

I think that would work

 angular.forEach(values1, function(value, key){
   $compile(value)($scope)

      angular.forEach(values2, function(value, key){
          $compile(value)($scope)    
           foo()
      });
 });

answered May 09 '18 at 13:43

Luisa Fernanda Arango Valencia

144
1
3

1

this is not my intention. I want foo() to execute only once. – Riyaz Shaikh May 09 '18 at 13:48

executing function after multiple angular.forEach

1 Answers1