liệu kiễu góc không làm việc

Question

Tôi muốn sử dụng tài liệu góc trong một ứng dụng AngularJS vì vậy tôi đã tải về nó với tất cả phụ thuộc của nó:

<script src="bower_components/hammer/hammer.js"></script> 
<script src="bower_components/angular/angular.min.js"></script> 
<script src="bower_components/angular-aria/angular-aria.min.js"></script> 
<script src="bower_components/angular-animate/angular-animate.min.js"></script> 
<script src="bower_components/angular-material/angular-material.min.js"></script> 
<script src="bower_components/angular-route/angular-route.min.js"></script> 
<script src="bower_components/angular-sanitize/angular-sanitize.min.js"></script> 
<script src="bower_components/angular-resource/angular-resource.min.js"></script> 

Và sau đó tôi đưa nó vào ứng dụng của tôi:

var myApp = angular.module('myApp', ['ngRoute', 'ngResource', 'ngSanitize', 'ngMaterial', 'ngAnimate', 'ngAria']); 

Sau mà tôi muốn thử trên một nút:

<md-container> <md-button>boutton1</md-button> </md-container> 

Và đây là kết quả (trên Chrome và Firefox):

Và khi tôi bấm vào nó tôi có điều này:

Em đã làm gì sai?

Answer 1

Dường như bạn không bao gồm biểu định kiểu.

Hãy thử thêm những điều sau đây:

<link rel="stylesheet" href="bower_components/angular-material/angular-material.min.css" type="text/css"> 

Answer 2

Ngoài ra, nếu bạn đang sử dụng góc CLI, bạn có thể chèn dòng này @import "~@angular/material/prebuilt-themes/indigo-pink.css"; vào styles.css của bạn.

Chỉ cần đảm bảo làm theo các hướng dẫn chính thức https://material.angular.io/guide/getting-started