Css 刷新材料lite设计，随机显示_Css_Angularjs_Material Design

Css 刷新材料lite设计，随机显示

css angularjs

Css 刷新材料lite设计，随机显示,css,angularjs,material-design,Css,Angularjs,Material Design,我正在使用和Angularjs，但显示是随机的有时似乎会加载material-lite.css，有时则不会 Index.html： <html> <head> <meta charset="utf-8"> <title>title</title>  <link rel="stylesheet" href="styles/material.indigo-de

我正在使用和Angularjs，但显示是随机的

有时似乎会加载material-lite.css，有时则不会

Index.html：

<html>
  <head>
  <meta charset="utf-8">
  <title>title</title>

  <!-- META TAG -->

  <link rel="stylesheet" href="styles/material.indigo-deep_purple.min.css"/>
  <link rel="stylesheet" href="styles/styles.css">
  <link rel="stylesheet" href="styles/autocomplete.css">
  <link rel="stylesheet" href="styles/ngDialog.min.css"/>
  <link rel="stylesheet" href="styles/ngDialog-theme-default.min.css"/>
  <link href="https://fonts.googleapis.com/css?family=Roboto:regular,bold,italic,thin,light,bolditalic,black,medium&amp;lang=en" rel="stylesheet">
  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">

  </head>
  <body ng-app="tdcWebappApp">

   <div ng-view=""></div>
   </div>
<script src="bower_components/jquery/dist/jquery.js"></script>
<script src="bower_components/angular/angular.js"></script>
<script src="bower_components/bootstrap/dist/js/bootstrap.js"></script>
<script src="bower_components/angular-animate/angular-animate.js"></script>
<script src="bower_components/angular-cookies/angular-cookies.js"></script>
<script src="bower_components/angular-resource/angular-resource.js"></script>
<script src="bower_components/angular-route/angular-route.js"></script>
<script src="bower_components/angular-sanitize/angular-sanitize.js"></script>
<script src="bower_components/angular-touch/angular-touch.js"></script>
<script src="bower_components/ngDialog/js/ngDialog.min.js"></script>

<script src="scripts/material.min.js"></script>
<script src="scripts/autocomplete.js"></script>
<script src="scripts/app.js"></script>
<script src="scripts/services.js"></script>
<script src="scripts/controllers/main.js"></script>

 </body>
</html>


标题

singin.html：

<div class="demo-layout mdl-layout mdl-js-layout mdl-layout--fixed-drawer mdl-layout--fixed-header" >
 <main class=" mdl-layout__content mdl-color--grey-100 ">
  <form>
   <div class="mdl-tabs mdl-js-tabs mdl-js-ripple-effect">
    <div class="mdl-tabs__tab-bar">
      <a href="#identity" class="mdl-tabs__tab is-active">Identité</a>
      <a href="#registration" class="mdl-tabs__tab" >Adhésion</a>
      <a href="#activities" class="mdl-tabs__tab">Activités</a>
      <a href="#payment" class="mdl-tabs__tab" ng-click="display()">Règlement</a>
    </div>

    <div class="mdl-tabs__panel is-active" id="identity">
     ...
    </div>
    ...
   </div>
  </form>
 </main>
</div>


...
...

请你给我解释一下什么是麦加主义好吗

谢谢

如果在windows.load之后添加元素，则必须手动升级dom，因为material design lite不知道有新元素。material lite添加名为componentHandler的全局对象。只需在添加新的material lite元素后执行此操作

componentHandler.upgradeDom（）；
//或
componentHandler.upgradeElement（元素）；