javascript - Angular Material + Phonegap/Cordova

标签 javascript angularjs html cordova material-design

我正在尝试使用 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>

THE PLUNKER

对于手机/电脑,它只是显示为 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/

相关文章:

angularjs - 我想将日期格式设置为 MM/dd/yyyyTHH :MM:SS in Angularjs 2 and i want it should be only MM/DD/YYYY

html - 标记重复的表单字段

javascript - 如何验证两个对象数组

javascript - 如何取消订阅 redux observable 中的内部 observable?

javascript - 按作者列表分组并格式化作者列表

JavaScript 复制对象结构(不是属性值)

java - 如何从 war 中服务 Angular 应用程序

javascript - 谷歌登录弹出窗口不会持续很长时间或显示 "the requested action is invalid"

javascript - 如何通过javascript单击按钮将焦点设置在div上

javascript - 如何获取 BLOB url 引用并使用 filereader API 正确读取它?