Angular Material不会应用样式

我尝试使用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是从凉亭文件安装
angular-material.css也

来源

2015-01-20 LG87

您是否验证过.css文件是通过网络选项卡加载的？ – tymeJV 2015-01-20 20:22:33

您的其他'.js'脚本正在加载吗？如果没有，可能整个'/ libs /'目录都没有加载。 – rageandqq 2015-01-20 20:23:46

我检查了源和网络，并且都加载了。 – LG87 2015-01-21 06:22:03

<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>

如果这不起作用，您可能有错误的路径或可能是较新的版本。要检查它，看看你的角材料文件夹。你有一个“主题”文件夹吗？新版本没有。删除较新的版本并采用较早的版本。

如果你能处理有点与外壳可以尝试以下：

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

好运！

来源

2015-01-21 09:30:00

这工作:)谢谢 – LG87 2015-01-21 14:22:18

对我来说，我忘记了包括依赖“ngMaterial” – 2016-12-13 19:50:46

-1

<html ng-app="app"> ...林不知道，如果只是NG-应用的工作原理？

然后向我们显示控制台错误日志（在浏览器中按F12）。

来源

2015-01-21 01:10:33

控制台不显示任何内容（无错误）。 ng-app是我从一个例子中得到的东西，而angular可以像{{“Angular}}这样的东西拾取（并且只写出角度） – LG87 2015-01-21 06:20:14

Angular Material不会应用样式

回答

相关问题