2015-01-20 3 views
5

모서리 재질 디자인을 사용하려고 할 때 문제가 있습니다. 스타일이 전혀 없습니다. 내가 부족 아무것도모서리 재질이 스타일을 적용하지 않습니다.

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

있습니까 :

이 내 HTML입니까?
angular-material.js 메신저 ... 정자에서 파일이
angular-material.css

+0

.css 파일이 네트워크 탭을 통해로드되는지 확인 했습니까? – tymeJV

+0

다른'.js' 스크립트가로드 중입니까? 그렇지 않다면'/ libs /'디렉토리 전체가 로딩되지 않을 수도 있습니다. – rageandqq

+0

소스와 네트워크를 모두 확인했는데 모두로드되었습니다. – LG87

답변

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> 

이 방법으로 문제가 해결되지 않으면 경로가 잘못되었거나 최신 버전 일 수 있습니다. 이를 확인하려면 각진 소재 폴더를보십시오. "테마"폴더가 있습니까? 새 버전에는없는 버전이 있습니다. 최신 버전을 제거하고 이전 버전을 사용하십시오. 당신이 쉘 조금을 처리 할 수있는 경우

당신이 시도 할 수 있습니다 :

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

행운을!

+0

이것은 작동했습니다 :) 감사합니다. – LG87

+0

은 나를 잊었습니다. 의존성''ngMaterial'' –

-1

<html ng-app="app">이다 설치 단지 겨 - 응용 프로그램 작동하는지 확실하지 않다?

콘솔 오류 로그를 표시하십시오 (브라우저에서 F12 키를 누르십시오).

+0

콘솔에 아무것도 표시되지 않습니다 (오류 없음). ng-app는 예제에서 가져온 것으로 앵귤러는 {{ "각도}}와 같은 픽업을 할 수 있습니다 (그리고 각도를 써서 작성하십시오.) – LG87

관련 문제