如何在angular 4.6应用程序中包含jquery加载器?

时间:2018-05-09 10:30:30

标签: jquery angular

我是角色4.6的新手并尝试使用jQuery在我的应用程序中显示加载图像,但它不起作用。我搜索/尝试了很多代码,他们建议这是因为嵌套路由,它是对的还是什么解决方案?

$(window).on('load', function() {
       $('#loader').fadeOut();
       $('#loader-wrapper').delay(350).fadeOut('slow');
       $('body').delay(350).css({
           'overflow': 'visible'
       });

1 个答案:

答案 0 :(得分:0)

不要使用JQuery,只需像这样使用*ngIf -

<div id='#loader' *ngIf='loading'>Your Loader</div>

someHTTPCalls() {
  this.loading = true;

  // when HTTP finish set it to false
  this.loading = false;
}