我制作了一个简单的程序,使用 AngularJS Material Design 框架显示工具栏,该框架适用于 Google Chrome 和 Opera,但不适用于 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 ”。 谢谢,如有任何帮助,我们将不胜感激。
最佳答案
更新:它不起作用,因为 Firefox 显然需要在绝对路径之前使用语法“file:///”。
关于javascript - AngularJS Material Design 代码可以在 Chrome 中运行,但不能在 Firefox 中运行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26801097/