Javascript 角材料工作不正常_Javascript_Angularjs_Angular Material

Javascript 角材料工作不正常

javascript angularjs angular-material

Javascript 角材料工作不正常,javascript,angularjs,angular-material,Javascript,Angularjs,Angular Material,我正在学习AngularJS，我想使用AngularMaterial，我用npm install Angular Material下载了它，我导入了它，但它不起作用。这就是我看到的，有什么帮助吗这是我的html代码 <html> <head> <title>My store</title> </head> <body ng-app="tienda" ng-controller="tiendaCtrl">

我正在学习AngularJS，我想使用AngularMaterial，我用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>

我想你这里缺少CSS文件。指令工作正常，但样式不存在。看一看，在CDN部分下，写了要导入的内容

CSS应该在你的

节点模块

文件夹中，所以我想你应该把它放在你的

头上

：

<link rel="stylesheet" href="node_modules/angular-material/angular-material.css">

这可能就是您想要的，您需要在angular.json中的样式中添加几行
“/node_modules/@angular/material/prebuild themes/pink bluegrey.css”

这对我有用。试试看
您是否可以尝试将脚本添加到
标题
而不是
正文
？顺便说一句，您的
html
标记没有关闭，您缺少了一个
DOCTYPE
。进行了更改，但仍然不起作用，太奇怪了。我已经关闭了html，但不知道为什么它没有出现在这里，我将尝试编辑。您在consoleNo中是否收到任何错误，我只是收到一条消息“捕获点击”
<link rel="stylesheet" href="node_modules/angular-material/angular-material.css">