Question

我创建了一个html页面并使用了角度材料来提供响应能力，但是当我尝试使用md-button添加按钮时，它不起作用，但是md-card工作正常。

我已经包含了下面显示的所有文件

块引用

＆＃13;

   <!DOCTYPE html>
    <html>
    <head>
    <title>Image preview App</title>
    
    <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/angular_material/1.0.0/angular-material.min.css">
          <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
          <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-animate.min.js"></script>
          <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-aria.min.js"></script>
          <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-messages.min.js"></script>
          <script src="https://ajax.googleapis.com/ajax/libs/angular_material/1.0.0/angular-material.min.js"></script>
    	  <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
    </head>
    <body ng-app>
    <md-card style="width:50%;height:300px;">
    	<md-button>button</md-button>
    </md-card>
    </body>
    </html>

＆＃13;

Answer 1

您没有看到它，因为它没有突出显示，应用样式

 <md-card style="width:50%;height:300px;">
        <md-button class="md-raised next-btn">button</md-button>
 </md-card>

<强> DEMO

Answer 2

也许您的背景是白色，按钮颜色是白色。尝试更改一种颜色。

<md-button style="color: #662D91;">button</md-button>

角度材料md按钮不起作用

2 个答案: