javascript - Angular Material 无法正常工作

标签 javascript angularjs angular-material

我正在学习 AngularJS,我想使用 Angular Material,我已使用 npm install angular-material 下载了它并导入了它,但它不起作用。这就是我所看到的,请问有什么帮助吗?

No click

Clicked

这是我的 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/

相关文章:

javascript - $ionicView.enter 和 cache :false 有什么区别

Angular CDK Stepper Footer 模板通过 ngTemplateOutlet

javascript - For(对象中的键)

javascript - Google Places Javascript API 未发出某些请求

Javascript XML 解析器不工作

javascript - 更新表单时无法读取 angularjs 中未定义的属性 '1'

javascript - 使用 javascript 从 csv 文件创建和填充选择元素

javascript - AngularJS ng-submit 输入键不起作用

Angular Material 排序表 - 如何将标题文本右对齐?

node.js - Express 无法从后面读取未定义的属性 'name'