如何使用AngularJS顯示md-md-raised材質

我想讓我的按鈕使用AngularJS材質樣式。具體來說，我想用類md-raised使用md-button。如何使用AngularJS顯示md-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>

來源

2017-06-25 JohnDoe

它沒有出現的原因是你忘了初始化你的應用程序！

// 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>

來源

2017-06-25 06:59:17 Edric

哦，當然！我現在感覺很蠢。謝謝你的幫助！ – JohnDoe

我能夠加入

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

，而不是

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

我不知道爲什麼這個工程雖然做到這一點，任何反饋會不勝感激。

來源

2017-06-25 06:52:28 JohnDoe

那是因爲你忘了初始化應用程序！ – Edric

如何使用AngularJS顯示md-md-raised材質

回答

相關問題