角度材料不起作用

问题描述：

我试图通过参考'入门'教程来实现角度材质应用程序。角度材料不起作用

风格

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

脚本

<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> 
    // Include the dependency upon ngMaterial - important !! 
    angular.module('starterApp', ['ngMaterial']); 
</script>

我添加使用工具栏按钮& & <md-toolbar>为<md-button>下文提到：

<md-toolbar class="md-menu-toolbar"> 
    <div class="md-toolbar-tools"> 
     Toolbar 
    </div> 
</md-toolbar> 
<md-button class="md-fab" aria-label="FAB"> 
    button 
</md-button>

，但我看到的是没有棱角材料设计click here.

我错过了什么？

你有角库到页面？ – MarkoCen

是的，我没有添加角库 –

，你有没有在控制台中的任何错误？ – MarkoCen

答

这里是你的问题的答案......

<html lang="en"> 
 
<head> 
 
    <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/angular_material/1.0.0/angular-material.min.css"> 
 
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script> 
 
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-animate.min.js"></script> 
 
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-aria.min.js"></script> 
 
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-messages.min.js"></script> 
 
    <script src="http://ajax.googleapis.com/ajax/libs/angular_material/1.0.0/angular-material.min.js"></script> 
 
    <script type="text/javascript"> 
 
     angular.module('starterApp', ['ngMaterial']); 
 
    </script> 
 
</head> 
 
<body ng-app="starterApp" ng-cloak> 
 
<md-toolbar class="md-menu-toolbar"> 
 
    <div class="md-toolbar-tools"> 
 
     Toolbar 
 
    </div> 
 
</md-toolbar> 
 
<md-button class="md-fab" aria-label="FAB"> 
 
    button 
 
</md-button> 
 
</body> 
 
</html>

角度材料不起作用

相关推荐