How to call a javascript function after *ngIf render

Question

My app.component.html contains these code to display the slider.

 <div  class="slider-pro" id="slider" *ngIf="router.url == '/home'">
   <script type='text/javascript'>
      initSlider();
    </script>
   ...
 </div>

But it seem that the angular2 framework skip my javascript lines. My question is how to call a javascript function after *ngIf render DOM element. I tried call this function inside ngAfterViewInit(), but it doesn't worked. I need to run this function initSlider() to add onChange event.

Gaurav Joshi · Accepted Answer · 2017-06-18 15:16:06Z

1

Call this function inside ngAfterViewChecked. This gets called after every check of component's view.

class MyComponent implements AfterViewChecked {
    ngAfterViewChecked() {
        //TODO - invoke here
    }
}

answered Jun 18, 2017 at 15:16

Gaurav Joshi

4823 silver badges9 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Hồng Sơn Over a year ago

Thanks your suggestion, but if I do this, my javascript will execute n times. The on-change, or click event will execute n times as well. In addition, I have my own solution. Thanks

Collectives™ on Stack Overflow

How to call a javascript function after *ngIf render

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related