我正在学习 AngularJS,我想使用 Angular Material,我已使用 npm install angular-material
下载了它并导入了它,但它不起作用。这就是我所看到的,请问有什么帮助吗?
这是我的 html 代码
<html>
<head>
<title>My store</title>
</head>
<body ng-app="tienda" ng-controller="tiendaCtrl">
{{name}}
<md-toolbar>
<div class="md-toolbar-tools">
<p><strong>My Store</strong></p>
<md-button><md-icon class='mdi mdi-plus-circle'></md-icon>New Classified</md-button>
</div>
</md-toolbar>
<script src="bower_components/angular/angular.js"></script>
<script src="node_modules/angular-material/angular-material.js"></script>
<script src="node_modules/angular-animate/angular-animate.js"></script>
<script src="node_modules/angular-aria/angular-aria.js"></script>
<script src="js/app.js"></script>
<script src="js/tienda.ctrl.js"></script>
</body>
这是我的 app.js
文件
var myApp = angular.module("tienda", ['ngMaterial']);
myApp.config(function($mdThemingProvider){
$mdThemingProvider.theme('default')
.primaryPalette('teal')
.accentPalette('orange');
});
最佳答案
这可能就是您正在寻找的内容,您需要在 angular.json 中的样式中添加几行
"./node_modules/@angular/material/prebuilt-themes/pink-bluegrey.css"
这对我有用。尝试一下!
关于javascript - Angular Material 无法正常工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35392242/