2015-01-20 59 views
5

Açısal Malzeme tasarımını kullanmaya çalıştığımda bir sorunum var. Bir şey yapmayacaksınız. Kaçırdığım şeyAçısal Malzeme stiller uygulamıyor

<!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> 

var mı:

Bu benim HTML'dir?
angular-material.js im ... kulübeye gelen dosya
angular-material.css da

+0

.css dosyasının Ağ sekmesi üzerinden yüklenmekte olduğunu doğruladınız mı? – tymeJV

+0

Diğer '.js' komut dosyalarının yüklenmesi var mı? Değilse, '/ libs /' dizininin tamamı yüklenmiyor olabilir. – rageandqq

+0

Hem kaynakları hem de ağı kontrol ettim ve hepsi yüklendi. – LG87

cevap

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> 

Bu işe yaramadıysa, yanlış yollara veya daha yeni bir Sürüme sahip olabilirsiniz. Kontrol etmek için açısal materyal klasörünüze bakın. "Tema" klasörünüz var mı? Yeni sürümde bir tane yok. Daha yeni sürümü kaldırın ve daha önceki bir sürümü alın. Eğer kabuk ile biraz işleyebilir

bu deneyebilirsiniz:

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

iyi şanslar!

+0

Bu işe yaradı :) teşekkürler, – LG87

+0

benim için teşekkürler. bağımlılık ''ngMaterial' ' –

-1

<html ng-app="app"> install sadece ng-app eserler ise emin değilim?

Bize konsol hata günlüğünü gösterin (tarayıcınızda F12 tuşuna basın).

+0

Konsol, hiçbir şey göstermiyor (hata yok). ng-app bir örnekten aldığım bir şeydir ve açısal {{Angular}} gibi bir şeyleri toplayabilir (ve sadece açısal olarak yazabilir.) – LG87

İlgili konular