Angular Material не применяет стили

У меня возникла проблема, когда я пытаюсь использовать дизайн Angular Material. Это ничего не стилизует.

Это мой HTML:

<!DOCTYPE html>
<html ng-app>
<head lang="en">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

    <title>Test</title>

    <link rel="stylesheet" href="./libs/css/angular-material.css"/>

    <script src="./libs/js/angular.js"></script>
    <script src="./libs/js/angular-aria.js"></script>
    <script src="./libs/js/angular-animate.js"></script>
    <script src="./libs/js/hammer.js"></script>
    <script src="./libs/js/angular-route.js"></script>
    <script src="./libs/js/angular-resource.js"></script>
    <script src="./libs/js/angular-material.js"></script>
</head>

<body>
    <md-button>asd</md-button>
</body>
</html>

Я что-то упустил?
angular-material.js это файл из установки Bower
angular-material.css также


angularjs angular-material
person LG87    schedule 20.01.2015    source источник
comment
Вы убедились, что файл .css загружается через вкладку «Сеть»?   -  person tymeJV    schedule 20.01.2015
comment
Загружаются ли другие ваши .js скрипты? Если нет, возможно, не загружается весь каталог /libs/.   -  person rageandqq    schedule 20.01.2015
comment
Я проверил и источники, и сеть, и все загружается.   -  person LG87    schedule 21.01.2015

Ответы (1)


arrow_upward
2
arrow_downward 

<html ng-app="app">
<head lang="en">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

    <title>Test</title>

    <link rel="stylesheet" href="./libs/css/angular-material.css"/>
<link rel="stylesheet" href="./libs/themes/purple-theme.css">
            <link rel="stylesheet" href="./libs/themes/blue-grey-theme.css">
    <script src="./libs/js/angular.js"></script>
    <script src="./libs/js/angular-aria.js"></script>
    <script src="./libs/js/angular-animate.js"></script>
    <script src="./libs/js/hammer.js"></script>
    <script src="./libs/js/angular-route.js"></script>
    <script src="./libs/js/angular-resource.js"></script>
    <script src="./libs/js/angular-material.js"></script>
 <script>
 var app = angular.module('app', 
  [

      "ngAnimate",
      "ngSanitize", 
      "ngMaterial"
  ]);
 </script>




</head>




<body>
    <md-button>asd</md-button>
</body>
</html>

Если это не сработало, возможно, у вас неправильные пути или более новая версия. Чтобы проверить это, загляните в папку angular-material. У вас есть папка "тема"? В новой версии его нет. Удалите более новую версию и возьмите более раннюю версию.

Если вы можете немного справиться с оболочкой, вы можете попробовать следующее:

bower install
bower uninstall angular-material
bower install angular-material

удачи!

person alox wagnor    schedule 21.01.2015
comment
для меня я забыл включить зависимость 'ngMaterial' - person T.Coutlakis; 13.12.2016