Angular 经过路由切换模块引发的样式互相影响问题

时间 2020-06-12

标签 angular 经过路由切换模块引发样式互相影响问题栏目 AngularJS 繁體版

原文原文链接

重构Angular时，设计了经过路由惰性加载各个模块，可是出现了模块间样式互相影响的问题；javascript

appModule下共有4个模块：java

login 登陆默认进入该模块，经过业务逻辑判断加载下面三个模块；
management 管理系统引入了 ng-zorro-ant；
bigscreen 大屏，没有引入其余模块；
mobile 移动端，没有引入其余模块；

当系统加载过management模块以后，<head>标签里引入了ng-zorro的样式文件，浏览器

返回login模块后，login模块被zorro样式影响：app

解决方法：spa

1.目前的思路是在每一次路由退出模块的时候进行刷新　window.location.reload();设计

2.还有一个方向是搞清楚ng-zorro的样式文件是否是只能全局加载，可是目测应该是的；router

3.2017.12.21　　新思路是，业务上这几个模块是彻底分离地，其实不必放在一个项目里，blog

　　　　　　　　解决方式能够是这三个次根模块之间地切换能够直接打开浏览器的新标签页，从而避免样式的互相污染ip

      <ul>
        <li><a routerLink="/management">management/管理系统</a></li>
        <li><a routerLink="/bigscreen" target="_blank">bigscreen/大屏</a></li>
        <li><a routerLink="/mobile" target="_blank">mobile/移动端</a></li>
      </ul>

先这样，路由

之后有别的思路再说。