angular.js - ui-router多视图嵌套,如果保障各个ui-view下的css相互独立
伊谢尔伦
伊谢尔伦 2017-05-15 17:08:35
0
1
456

如题:

ui-router多视图嵌套,如果保障各个ui-view下的css相互独立

.state('companyManage',{

        url:'/company',
        views:{
            '':{
                templateUrl:'company/pages/company.html',
                controller:'companyCtr'
                
            },
            'common_topbar@companyManage':{
                templateUrl:'home-page/topbar.html',
            },
            'details@companyManage':{
                templateUrl:'company/pages/company_details.html',
                controller:'companyDetailCtr'
            }
        },
        resolve:{
            deps:["$ocLazyLoad",function($ocLazyLoad){
                return $ocLazyLoad.load(["company/js/companyCtr.js","company/js/companyDetailCtr.js","company/js/fun.js",'company/css/company.css','main/common_topbar.css']);
                }]
            }
    })

topbar.html里面link了一个很大的css文件,它里面修改了默认标签,目前我这样什么都不处理的话,这个css文件会影响我的其他页面,请问,如果处理这个问题呢?

伊谢尔伦
伊谢尔伦

小伙看你根骨奇佳,潜力无限,来学PHP伐。

membalas semua(1)
PHPzhong

Anda sebenarnya maksudkan pengaruh bersama css.
Anda boleh menggunakan html sebagai modul Semasa menulis css, anda menambah nama kelas modular di bahagian atas, seperti

<html class="first-one">
    <head></head>
    <body></body>
</html>
.first-one {
    // 这个页面所有的样式
}

Dengan cara ini, selagi halaman lain tidak mempunyai kelas pertama, css secara semula jadi tidak akan berkesan.

Dan jika css anda tidak dibungkus dalam modul besar, seperti reset.css

body {
    margin: 0;
    padding: 0;
}

Kemudian apabila css ini dimuatkan, ia pasti akan menjejaskan halaman lain

Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan