Question

我制作了一个简单的程序，使用适用于Google Chrome和Opera的AngularJS Material Design框架显示工具栏，但是在Firefox中不起作用，因为工具栏不显示，只显示其中的文本。 html的代码如下：

<!doctype html>
<html lang="en" ng-app="toolbarTest">
<head>
    <meta charset="utf-8">
    <title>SideNav Test</title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no" />
    <link rel="stylesheet" href="C:\angular\angular-phonecat\app\bower_components\angular-material\angular-material.css">
    <link rel="stylesheet" href="C:\angular\angular-phonecat\app\bower_components\angular-material\themes\indigo-theme.css">

</head>
<body>
    <script src="C:\angular\angular-phonecat\app\bower_components\angular\angular.js"></script>
    <script src="C:\angular\angular-phonecat\app\bower_components\angular-aria\angular-aria.js"></script>
    <script src="C:\angular\angular-phonecat\app\bower_components\angular-animate\angular-animate.js"></script>
    <script src="C:\angular\angular-phonecat\app\bower_components\hammerjs\hammer.js"></script>
    <script src="C:\angular\angular-phonecat\app\bower_components\angular-material\angular-material.js"></script>
    <script >
        angular.module('toolbarTest', ['ngMaterial'])

        .controller('AppCtrl', function ($scope) {

});
    </script>

    <div ng-controller="AppCtrl">

      <md-content flex class="md-padding">

           <md-toolbar md-theme="indigo">
              <h2 class="md-toolbar-tools">
                <span>Toolbar: blue-theme</span>
              </h2>
            </md-toolbar>
      </md-content>

    </div>
</body>
</html>

当我在Firefox中使用控制台时，我收到消息“ReferenceError：angular is not defined”。谢谢，任何帮助表示赞赏。

Answer 1

更新：它不起作用，因为Firefox显然需要语法＆＃34; file：///＆＃34;在绝对路径之前。

AngularJS Material Design代码在Chrome中运行，但在Firefox中运行

1 个答案: