Vật liệu góc không áp dụng kiểu

Tôi gặp vấn đề khi cố gắng sử dụng thiết kế Material Angular. Nó sẽ không phong cách gì cả.Vật liệu góc không áp dụng kiểu

Đây là HTML của tôi:

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

Có điều gì tôi đang thiếu?
angular-material.js là file từ Chòi chơi cho cài đặt
angular-material.css cũng

Nguồn

2015-01-20 LG87

Bạn đã xác minh tệp .css đang tải qua tab Mạng chưa? – tymeJV

Các tập lệnh '.js' khác của bạn có đang tải không? Nếu không, có thể toàn bộ thư mục '/ libs /' không tải. – rageandqq

Tôi đã kiểm tra cả nguồn và mạng và tất cả đều được tải. – LG87

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

Nếu điều này không hiệu quả, bạn có thể có đường dẫn sai hoặc phiên bản mới hơn. Để kiểm tra nó, hãy nhìn vào thư mục vật chất góc cạnh của bạn. Bạn có một thư mục "chủ đề"? Phiên bản mới không có. Xóa phiên bản mới hơn và lấy phiên bản cũ hơn.

Nếu bạn có thể xử lý một chút với vỏ bạn có thể thử những:

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

chúc may mắn!

Nguồn

2015-01-21 09:30:00

Điều này làm việc :) nhờ – LG87

cho tôi, tôi đã quên bao gồm phụ thuộc ''ngMaterial'' –

-1

<html ng-app="app"> là ... im không chắc chắn nếu chỉ tác ng ứng dụng?

Và hiển thị cho chúng tôi nhật ký lỗi bảng điều khiển (nhấn F12 trong trình duyệt của bạn).

Nguồn

2015-01-21 01:10:33

Bảng điều khiển không hiển thị (không có lỗi). Ứng dụng ng là thứ tôi lấy từ một ví dụ và góc có thể lấy những thứ như {{"Góc}} (và chỉ viết ra góc cạnh. – LG87

Vật liệu góc không áp dụng kiểu

Trả lời

Các vấn đề liên quan