如何在* ngIf渲染后调用javascript函数

Question

我的app.component.html包含这些代码以显示滑块。

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

但似乎angular2框架跳过了我的javascript行。我的问题是如何在* ngIf渲染DOM元素后调用javascript函数。我尝试在ngAfterViewInit（）中调用此函数，但它没有工作。我需要运行这个函数initSlider（）来添加onChange事件。

Answer 1

在ngAfterViewChecked中调用此函数。每次检查组件的视图后都会调用它。

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