|  |  | 
 |  |  | import { Component } from '@angular/core'; | 
 |  |  |  | 
 |  |  | import { element } from 'protractor'; | 
 |  |  | import { LoginService } from '@business/services/http/login.service'; | 
 |  |  | import { Component, HostBinding, OnInit } from '@angular/core'; | 
 |  |  | import { Router, NavigationEnd, NavigationStart } from '@angular/router'; | 
 |  |  | import { ThemesService, SettingsService, TitleService } from '@delon/theme'; | 
 |  |  | import { filter } from 'rxjs/operators'; | 
 |  |  | import * as $ from 'jquery'; | 
 |  |  | @Component({ | 
 |  |  |   selector: 'app-root', | 
 |  |  |   templateUrl: './app.component.html', | 
 |  |  |   styleUrls: ['./app.component.css'] | 
 |  |  |   template: `<router-outlet></router-outlet>` | 
 |  |  | }) | 
 |  |  | export class AppComponent { | 
 |  |  |   title = 'app'; | 
 |  |  | export class AppComponent implements OnInit { | 
 |  |  |  | 
 |  |  |   @HostBinding('class.layout-fixed') get isFixed() { return this.settings.layout.fixed; } | 
 |  |  |   @HostBinding('class.layout-boxed') get isBoxed() { return this.settings.layout.boxed; } | 
 |  |  |   @HostBinding('class.aside-collapsed') get isCollapsed() { return this.settings.layout.collapsed; } | 
 |  |  |  | 
 |  |  |   constructor( | 
 |  |  |     private theme: ThemesService, | 
 |  |  |     private settings: SettingsService, | 
 |  |  |     private router: Router, | 
 |  |  |     private titleSrv: TitleService, | 
 |  |  |     private loginService:LoginService) { | 
 |  |  |   } | 
 |  |  |  | 
 |  |  |   ngOnInit() { | 
 |  |  |     this.router.events | 
 |  |  |         .pipe(filter(evt => evt instanceof NavigationEnd)) | 
 |  |  |         .subscribe(() => this.titleSrv.setTitle()); | 
 |  |  |       this.router.events.pipe( | 
 |  |  |           filter(evt => evt instanceof NavigationStart) | 
 |  |  |       ) | 
 |  |  |       .subscribe(() => { | 
 |  |  |           // 删除多余透明蒙版中元素 | 
 |  |  |           let cdkOverlayContainer = $('.cdk-overlay-container'); | 
 |  |  |           if(cdkOverlayContainer!=null&&cdkOverlayContainer.children().length>1){ | 
 |  |  |             cdkOverlayContainer.children('div:first-child').nextAll().each( | 
 |  |  |                function(index,element){ | 
 |  |  |                     if($(element).hasClass('cdk-overlay-backdrop-showing')){ | 
 |  |  |                       $(element).remove(); | 
 |  |  |                     }else{ | 
 |  |  |                       $(element).empty(); | 
 |  |  |                     } | 
 |  |  |                } | 
 |  |  |             ); | 
 |  |  |           } | 
 |  |  |           // 关闭静态蒙版弹窗 | 
 |  |  |           if($('.ant-modal-close').length>0){ | 
 |  |  |               $('.ant-modal-close').click(); | 
 |  |  |           }          | 
 |  |  |           // 下拉按钮模拟点击 | 
 |  |  |           if($('.ant-select-open').length>0){ | 
 |  |  |           $('.ant-select-open').click(); | 
 |  |  |           } | 
 |  |  |       }); | 
 |  |  |   } | 
 |  |  | } |