cari

Rumah  >  Soal Jawab  >  teks badan

angular.js - sarang berbilang paparan ui-router, jika css di bawah setiap paparan-ui dijamin bebas antara satu sama lain

Seperti dalam tajuk: 

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']);
                }]
            }
    })

Terdapat fail css besar yang dipautkan dalam topbar.html, yang telah mengubah suai teg lalai. Jika saya tidak melakukan apa-apa pada masa ini, fail css ini akan menjejaskan halaman saya yang lain

伊谢尔伦伊谢尔伦2835 hari yang lalu500

membalas semua(1)saya akan balas

  • PHPz

    PHPz2017-05-15 17:10:35

    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

    balas
    0
  • Batalbalas