2015-01-20 12 views
5

Mam problem, gdy próbuję użyć kształtu kątowego. Nic nie będzie stylem.Materiał kątowy nie będzie stosować stylów

To jest mój HTML:

<!DOCTYPE html> 
<html ng-app> 
<head lang="en"> 
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> 

    <title>Test</title> 

    <link rel="stylesheet" href="./libs/css/angular-material.css"/> 

    <script src="./libs/js/angular.js"></script> 
    <script src="./libs/js/angular-aria.js"></script> 
    <script src="./libs/js/angular-animate.js"></script> 
    <script src="./libs/js/hammer.js"></script> 
    <script src="./libs/js/angular-route.js"></script> 
    <script src="./libs/js/angular-resource.js"></script> 
    <script src="./libs/js/angular-material.js"></script> 
</head> 

<body> 
    <md-button>asd</md-button> 
</body> 
</html> 

Czy coś mi brakuje?
angular-material.js jest plik z altany zainstalować
angular-material.css jest również

+0

Czy zweryfikowano, że plik .css ładuje się za pośrednictwem karty Sieć? – tymeJV

+0

Czy ładują się inne twoje skrypty '.js'? Jeśli nie, to cały katalog '/ libs /' nie ładuje się. – rageandqq

+0

Sprawdziłem zarówno źródła, jak i sieć, a wszystko zostanie wczytane. – LG87

Odpowiedz

2
<html ng-app="app"> 
<head lang="en"> 
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> 

    <title>Test</title> 

    <link rel="stylesheet" href="./libs/css/angular-material.css"/> 
<link rel="stylesheet" href="./libs/themes/purple-theme.css"> 
      <link rel="stylesheet" href="./libs/themes/blue-grey-theme.css"> 
    <script src="./libs/js/angular.js"></script> 
    <script src="./libs/js/angular-aria.js"></script> 
    <script src="./libs/js/angular-animate.js"></script> 
    <script src="./libs/js/hammer.js"></script> 
    <script src="./libs/js/angular-route.js"></script> 
    <script src="./libs/js/angular-resource.js"></script> 
    <script src="./libs/js/angular-material.js"></script> 
<script> 
var app = angular.module('app', 
    [ 

     "ngAnimate", 
     "ngSanitize", 
     "ngMaterial" 
    ]); 
</script> 




</head> 




<body> 
    <md-button>asd</md-button> 
</body> 
</html> 

Jeśli to nie zadziałało, możesz mieć złe ścieżki lub nowszą wersję. Aby to sprawdzić, zajrzyj do folderu z materiałem kątowym. Czy masz folder "theme"? Nowa wersja nie ma. Usuń nowszą wersję i weź starszą wersję.

Jeśli można obsługiwać trochę z powłoką można spróbować tych:

bower install 
bower uninstall angular-material 
bower install angular-material 

powodzenia!

+0

To działało :) dzięki – LG87

+0

dla mnie, zapomniałem dołączyć zależność ''ngMaterial'' –

-1

<html ng-app="app"> ... nie jestem pewien, czy po prostu działa ng-app?

Pokaż nam dziennik błędów konsoli (naciśnij F12 w przeglądarce).

+0

Konsola nic nie pokazuje (brak błędów). Aplikacja ng jest czymś, co wziąłem z przykładu, a kątowa jest w stanie odbierać rzeczy takie jak {{"Angular}} (i pisać po prostu kątowo.) – LG87

Powiązane problemy