angular-material

ui-component css-framework framework

angular-material은 AngularJS 애플리케이션을 위한 Material Design 구현체입니다. 이 라이브러리는 AngularJS와 함께 사용되어, 모던하고 반응형의 웹 애플리케이션을 구축할 수 있게 해주며, 사용자 인터페이스 구성 요소들을 제공합니다.

Latest Ver 1.2.5

Homepage

Github

508

📢 AngularJS용 Material Design 구현 라이브러리

CDN 다운로드

License: MIT

Asset Type :

전체 버전 보기

https://cdnjs.cloudflare.com/ajax/libs/angular-material/1.2.5/angular-material.js

https://cdnjs.cloudflare.com/ajax/libs/angular-material/1.2.5/angular-material.min.js

https://cdnjs.cloudflare.com/ajax/libs/angular-material/1.2.5/angular-material.css

https://cdnjs.cloudflare.com/ajax/libs/angular-material/1.2.5/angular-material.min.css

Sample Code

⚠️ import 문을 포함한 일부 코드는 jsFiddle에서 정상 실행되지 않을 수 있습니다. 실행 오류가 발생할 경우 코드 복사 후 직접 실행해보세요.

📄 HTML
<md-button class="md-raised md-primary">Click me!</md-button><script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.8.2/angular.min.js"></script><script src="https://cdn.jsdelivr.net/npm/angular-material@1.1.24/angular-material.min.js"></script><script>angular.module('myApp', ['ngMaterial']);</script>

🎨 External CSS
<link href="https://cdn.jsdelivr.net/npm/angular-material@1.1.24/angular-material.min.css" rel="stylesheet">

🧩 External JS
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.8.2/angular.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/angular-material@1.1.24/angular-material.min.js"></script>

⚙️ JavaScript
angular.module('myApp', ['ngMaterial']);