javascript - angular material assets not loaded -
i want make fresh angular project angular material. installed bower install, imported necessary files in index.html. styles aren't applied.
my index file
<!doctype html> <html lang="en" ng-app="yathzee" class="no-js"> <!--<![endif]--> <head> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <title>yathzee app</title> <meta name="description" content=""> <meta name="viewport" content="width=device-width, initial-scale=1"> <link type="text/css" rel="stylesheet" href="assets/libs/bower_components/angular-material/angular-material.min.css"> <link type="text/css" rel="stylesheet" href="assets/libs/bower_components/angular-material/layouts/angular-material.layouts.min.css"> </head> <body> <script src="assets/libs/bower_components/angular/angular.min.js"></script> <script src="assets/libs/bower_components/angular-animate/angular-animate.min.js"></script> <script src="assets/libs/bower_components/angular-aria/angular-aria.min.js"></script> <script src="assets/libs/bower_components/angular-material/angular-material.min.js"></script> <script src="dashboard-environment-configuration.js"></script> <script src="app.js"></script> <script src="app/shared/menu.controller.js"></script> <div ng-controller="menucontroller" ng-cloak="" class="navbardemobasicusage"> <md-content class="md-padding"> <md-nav-bar md-selected-nav-item="vm.currentnavitem" nav-bar-aria-label="navigation links"> <md-nav-item md-nav-click="goto('page1')" name="page1">page one</md-nav-item> <md-nav-item md-nav-click="goto('page2')" name="page2">page two</md-nav-item> <md-nav-item md-nav-click="goto('page3')" name="page3">page three</md-nav-item> </md-nav-bar> <main ng-view></main> </md-content></div> </body> </html> app.js
'use strict'; // declare app level module depends on views, , components var yathzee = angular.module('yathzee', ['ngmaterial','dashboard-environment-configuration', 'nganimate','ngaria']); yathzee.config(['$mdthemingprovider', function($mdthemingprovider) { $mdthemingprovider.theme('default') .primarypalette('red') .accentpalette('amber'); } ]);
Comments
Post a Comment