You have not attached your app to do the document body.
Replace the body tag with this :-

<body ng-app="myApp" ng-cloak>


this should then work :)

On Saturday, 13 August 2016 06:04:08 UTC+1, Ashwin Kumar wrote:
>
> I am trying to implement Angular material design app mentioned in the link 
> https://material.angularjs.org/latest/getting-started
>
> But the output is not as expected. Below is my simple app code and have 
> attached the output 
>
> <!DOCTYPE html>
> <html ng-app="myApp">
> <head lang="en">
>     <meta charset="UTF-8">
>     <title>Angular material app</title>
>     
>     <link href="angular-material.min.css" />
> </head>
> <body>
>
> <script src="jquery-1.12.3.min.js"></script>
> <script src="angular.min.js"></script>
> <script src="angular-route.min.js"></script>
> <script src="angular-animate.min.js"></script>
> <script src="angular-aria.min.js"></script>
> <script src="angular-material.min.js"></script>
>
> <md-toolbar class="md-menu-toolbar">
>     <div class="md-toolbar-tools">
>         Toolbar
>     </div>
> </md-toolbar>
> <md-button class="md-fab" aria-label="FAB">
>     button
> </md-button>
>
> <script>
> var myApp = angular.module('myApp', ['ngRoute', 'ngMaterial']);
> </script>
>
> </body>
> </html>
>
> Did I miss something? 
>
> Thanks in advance
>

-- 
You received this message because you are subscribed to the Google Groups 
"AngularJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to [email protected].
To post to this group, send email to [email protected].
Visit this group at https://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.

Reply via email to