如题:
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文件会影响我的其他页面,请问,如果处理这个问题呢?
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