Menu
im trying to use Material Design by google(Angular Material) to develop a app using phonegap (so i pretend it to work in iOS or other os)
why this code is not working:
<!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
for both, cellphone / computer, it just show like the plkr = plain text =|
what im doing wrong since its a ctrl c + ctrl v from the tutorial:
Any solution or fix?
nobody worked with phonegap + angular material yet?
808
solution:
1) Moving everything src/import to <HEAD>
and
2) I forgot to add:
<script>
angular.module('myApp', [ 'ngMaterial' ]);
</script>
and than:
<div ng-app="myApp" layout="vertical">
</div>
everything working now ;)
170
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With