ng-alian主题系统跳转页面 多余蒙版关闭

fengxiang

2018-02-27 64c930bec1b013ac6e19af9ec30db9eff6110206

 src/app/app.component.ts

@@ -1,8 +1,10 @@
import { element } from 'protractor';
import { LoginService } from '@business/services/http/login.service';
import { Component, HostBinding, OnInit } from '@angular/core';
import { Router, NavigationEnd } from '@angular/router';
import { Router, NavigationEnd, NavigationStart } from '@angular/router';
import { ThemesService, SettingsService, TitleService } from '@delon/theme';
import { filter, map } from 'rxjs/operators';

import * as $ from 'jquery';
@Component({
  selector: 'app-root',
  template: `<router-outlet></router-outlet>`
@@ -17,7 +19,8 @@
    private theme: ThemesService,
    private settings: SettingsService,
    private router: Router,
    private titleSrv: TitleService) {
    private titleSrv: TitleService,
    private loginService:LoginService) {
  }

  ngOnInit() {
@@ -28,5 +31,31 @@
        .subscribe(url => {
            this.titleSrv.setTitleByUrl(url);
        });
      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();
          }
      });
  }
}