recherche

Maison  >  Questions et réponses  >  le corps du texte

angulaire.js - imbrication multi-vues ui-router, si le CSS sous chaque vue ui est garanti indépendant les uns des autres

Comme dans le titre : 

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

Il y a un gros fichier CSS lié dans topbar.html, qui a modifié la balise par défaut. Si je ne fais rien pour le moment, ce fichier CSS affectera mes autres pages

.
伊谢尔伦伊谢尔伦2872 Il y a quelques jours514

répondre à tous(1)je répondrai

  • PHPz

    PHPz2017-05-15 17:10:35

    Vous parlez en fait de l'influence mutuelle des CSS.
    Vous pouvez utiliser un code HTML comme module Lors de l'écriture de CSS, vous ajoutez un nom de classe modulaire en haut, tel que

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

    De cette façon, tant que les autres pages n'ont pas la première classe, le css ne prendra naturellement pas effet.

    Et si votre CSS n'est pas enveloppé dans un gros module, tel que reset.css

    body {
    margin: 0;
    padding: 0;
}

    Ensuite, lorsque ce CSS sera chargé, cela affectera certainement les autres pages

    répondre
    0
  • Annulerrépondre