角度材料無法正常工作
[英]Angular Material not working correctly
問題描述
我正在學習 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');
});
2 個解決方案
解決方案1
1 已采納 2016-02-14 13:32:36
我認為您在這里缺少 CSS 文件。 該指令工作正常，但樣式不存在。 看看他們的 Github ，在 CDN 部分下，寫的是要導入的內容。
CSS 應該在你的node_modules文件夾中，所以我想你應該把它放在你的head ：
<link rel="stylesheet" href="node_modules/angular-material/angular-material.css">
解決方案2
0 2020-12-07 10:00:20
這可能就是您要找的，您需要在 angular.json 中的樣式中添加幾行
“./node_modules/@angular/material/prebuilt-themes/pink-bluegrey.css”
這對我有用。 試一下！
角材料 - sidenav 組件無法正常工作
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.