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']);