angularjs – Angular Material不会应用样式

发布时间：2020-12-17 18:04:02 所属栏目：安全来源：网络整理

导读：当我尝试使用Angular Material设计时遇到了问题. 它不会有任何风格. 这是我的HTML： !DOCTYPE htmlhtml ng-apphead lang="en" meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" titleTest/title link r

当我尝试使用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也是

解决方法

<html ng-app="app">
<head lang="en">
    <meta name="viewport" content="width=device-width,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文件夹.你有一个“主题”文件夹吗？新版本没有.删除较新的版本并采用早期版本.

如果您可以使用shell处理一下,可以试试这些：

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

祝好运！

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!