如何使用AngularJS材質將md按鈕顯示為md凸起

Question

我試圖用AngularJS Material設置按鈕樣式。 具體來說，我想將md-button與md-raised類一起使用。

但是，當我嘗試此操作時，我的按鈕看起來像常規文本，而不是md按鈕。 我可能做錯了什么？

這是我嘗試放置按鈕的index.html。

<!doctype html>
<html>
<head>
    <!--Angular scripts-->
    <link href="./node_modules/angular-material/angular-material.css" rel="stylesheet" />
    <script src="./node_modules/angular/angular.js" type="text/javascript" ></script>
    <script src="./node_modules/angular-animate/angular-animate.js" type="text/javascript" ></script>
    <script src="./node_modules/angular-aria/angular-aria.js" type="text/javascript" ></script>
    <script src="./node_modules/angular-material/angular-material.js" type="text/javascript" ></script>
    <script src="node_modules/angular-route/angular-route.js"></script>
    <script src="node_modules/angular-resource/angular-resource.js"></script>
    <script src="mainController.js"></script>
</head>
<body>
    <md-button class="md-raised">Button</md-button>
</body>

Answer 1

之所以沒有出現，是因為您忘記了初始化應用程序！

 // Initialize your app here and add `ngMaterial` dependency angular.module('App', ['ngMaterial']);

 <!-- Also add your ng-app directive --> <html ng-app="App"> <head> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.11/angular.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.11/angular-animate.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.11/angular-aria.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.11/angular-messages.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/angular_material/1.1.4/angular-material.min.js"></script> <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/angular_material/1.1.4/angular-material.min.css"> </head> <body> <md-button class="md-raised">Test</md-button> </body> </html>

Answer 2

我能夠通過添加

    <div class="md-button md-raised">
        <p>Button</p>
    </div>

代替

<md-button class="md-raised">Button</md-button>

我不知道為什么這行得通，任何反饋將不勝感激。

如何使用AngularJS材質將md按鈕顯示為md凸起

問題描述

2 個解決方案

解決方案1
1 已采納 2017-06-25 06:59:17

解決方案2
0 2017-06-25 06:52:28

如何使用AngularJS材質將md按鈕顯示為md凸起

問題描述

2 個解決方案

解決方案1 1 已采納 2017-06-25 06:59:17

解決方案2 0 2017-06-25 06:52:28

解決方案1
1 已采納 2017-06-25 06:59:17

解決方案2
0 2017-06-25 06:52:28