对ngAfterViewInit的理解

最近在模仿一个项目,但是一开头就出了些问题,在index.html中,我写了一个加载

<body class="fix-header card-no-border fix-sidebar">





<div class="preloader">
  <div class="loader">
    <div class="loader__figure">div>
    <p class="loader__label">加载中 ...p>
  div>
div>
  <app-root>app-root>
body>
然后我在app-routing.module.ts中懒加载了login模块

const routes: Routes = [
  {path: 'login', loadChildren: './login/login.module#LoginModule'},
  // {path: 'pages', loadChildren: './pages/pages.module#PagesModule'},
  {path: '', redirectTo: 'login', pathMatch: 'full'}
  // {path: '', redirectTo: 'login', pathMatch: 'full'}
];
但是,我的页面就是不显示login,我找啊找啊。。。最后只能找老大了,老大上来一顿啪啪啪。。。打完收工。。。原来是在logincomponent加了了ngAfterViewInit方法

ngAfterViewInit(): void {
  // $('.preloader').hide();
  const $__loader = $('.preloader');
  $(function () {
    $__loader.fadeOut();
  });
}
我又回头看了下生命周期钩子,有点顿开的感觉,但又说不上来

你可能感兴趣的:(对ngAfterViewInit的理解)