我正在尝试使用 google 的 Material Design(Angular Material)来开发一个使用 phonegap 的应用程序(所以我假装它可以在 iOS 或其他操作系统中工作)
为什么这段代码不起作用:
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="cordova.js"></script>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/angular_material/0.6.1/angular-material.min.css">
</head>
<body>
<!-- Angular Material Dependencies -->
<script src="http://cdn.jsdelivr.net/hammerjs/2.0.4/hammer.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.6/angular.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.6/angular-animate.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.6/angular-aria.min.js"></script>
<!-- Angular Material Javascript now available via Google CDN; version 0.6 used here -->
<script src="//ajax.googleapis.com/ajax/libs/angular_material/0.6.1/angular-material.min.js"></script>
<md-button>
Button
</md-button>
<md-button href="http://google.com" class="md-button-colored">
I'm a link
</md-button>
<md-button ng-disabled="true" class="md-colored">
I'm a disabled button
</md-button>
</body>
</html>
对于手机/电脑,它只是显示为 plkr = plain text =|
我做错了什么,因为它是教程中的 ctrl c + ctrl v:
任何解决方案或修复?
还没有人使用 phonegap + Angular Material 吗?
最佳答案
解决方法:
1) 将所有 src/import 移动到 <HEAD>
和
2)我忘了补充:
<script>
angular.module('myApp', [ 'ngMaterial' ]);
</script>
比:
<div ng-app="myApp" layout="vertical">
</div>
现在一切正常 ;)
关于javascript - Angular Material + Phonegap/Cordova,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27538529/