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
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Anda sebenarnya maksudkan pengaruh bersama css.
Anda boleh menggunakan html sebagai modul Semasa menulis css, anda menambah nama kelas modular di bahagian atas, seperti
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
Kemudian apabila css ini dimuatkan, ia pasti akan menjejaskan halaman lain