Question

我有一个使用bootstrap创建的测验，我正在尝试将其转换为角度材质。当我添加角度材料时，一切都出错了。我很可能不会以正确的方式包含它。这不是整个代码只是一个简短的例子。提前感谢您的帮助。

app.js

(function(){
angular
    .module("myApp", ['ngMaterial']);

})();

test.js

(function(){
angular.module("myApp")
    .factory("quizMetrics", QuizMetrics);
    QuizMetrics.$inject = ['DataService'];
})();

和HTML

<!DOCTYPE html>
<html lang="en" ng-app="myApp">
    <head>
        <meta charset="UTF-8">
        <title>Test</title>
        <link rel="stylesheet"    href="https://ajax.googleapis.com/ajax/libs/angular_material/1.0.3/angular-material.min.css">
        <script   src="https://ajax.googleapis.com/ajax/libs/angular_material/1.0.3/angular-material.min.js"></script>
    </head>
    <body>
        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.0-rc.2/angular.min.js"></script>
        <script src="js/app.js"></script>
        <script src="js/test.js"></script>
    </body>
</html>

Answer 1

我相信你必须在angular.min.js之后包含角度材料js，因为它使用了那里的一些函数，也可能需要一些额外的库，根据他们的例子，你应该定义以下库：

<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular-animate.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular-aria.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular-messages.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/angular_material/1.1.0/angular-material.min.js"></script>

请参阅完整示例here

包括角度材料错误

1 个答案: