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>

先這樣，路由

之後有別的思路再說。