[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-3277":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":16,"stars7d":17,"stars30d":18,"stars90d":16,"forks30d":16,"starsTrendScore":19,"compositeScore":20,"rankGlobal":10,"rankLanguage":10,"license":21,"archived":22,"fork":23,"defaultBranch":24,"hasWiki":23,"hasPages":23,"topics":25,"createdAt":10,"pushedAt":10,"updatedAt":31,"readmeContent":32,"aiSummary":33,"trendingCount":16,"starSnapshotCount":16,"syncStatus":14,"lastSyncTime":34,"discoverSource":35},3277,"material","angular\u002Fmaterial","angular","Material design for AngularJS","https:\u002F\u002Fmaterial.angularjs.org\u002F",null,"JavaScript",16406,3327,2,269,0,4,7,1,45,"MIT License",true,false,"master",[26,27,28,29,30],"angularjs","angularjs-material","javascript","lts","material-design","2026-06-12 02:00:48","# Material Design for AngularJS Apps\n[![npm version](https:\u002F\u002Fbadge.fury.io\u002Fjs\u002Fangular-material.svg)](https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002Fangular-material)\n[![Build Status](https:\u002F\u002Ftravis-ci.org\u002Fangular\u002Fmaterial.svg)](https:\u002F\u002Ftravis-ci.org\u002Fangular\u002Fmaterial)\n\n[Material Design](https:\u002F\u002Fmaterial.io\u002Farchive\u002Fguidelines\u002F) is a specification for a\nunified system of visual, motion, and interaction design that adapts across different devices. Our\ngoal is to deliver a lean, lightweight set of AngularJS-native UI elements that implement the\nmaterial design specification for use in AngularJS single-page applications (SPAs).\n\n**AngularJS Material** is an implementation of Google's \n[Material Design Specification (2014-2017)](https:\u002F\u002Fmaterial.io\u002Farchive\u002Fguidelines\u002Fmaterial-design\u002F)\nfor [AngularJS](https:\u002F\u002Fangularjs.org) (v1.x) developers.\n\nFor an implementation of the [Material Design Specification (2018+)](https:\u002F\u002Fmaterial.io\u002Fdesign\u002F),\nplease see the [Angular Material](https:\u002F\u002Fmaterial.angular.io\u002F) project which is built for\n[Angular](https:\u002F\u002Fangular.io) (v2+) developers.\n\n### \u003Ca name=\"lts\">\u003C\u002Fa> End-of-Life\n\n**AngularJS Material support has officially ended as of January 2022.**\n[See what ending support means](https:\u002F\u002Fdocs.angularjs.org\u002Fmisc\u002Fversion-support-status)\nand [read the end of life announcement](https:\u002F\u002Fgoo.gle\u002Fangularjs-end-of-life). Visit\n[material.angular.io](https:\u002F\u002Fmaterial.angular.io) for the actively supported Angular Material.\n\nFind details on reporting security issues\n[here](https:\u002F\u002Fgithub.com\u002Fangular\u002Fmaterial\u002Fblob\u002Fmaster\u002FSECURITY.md).\n\n![venn diagram](https:\u002F\u002Fcloud.githubusercontent.com\u002Fassets\u002F210413\u002F5077572\u002F30dfc2f0-6e6a-11e4-9723-07c918128f4f.png)\n\nAngularJS Material includes a rich set of reusable, well-tested, and accessible UI components.\n\nQuick Links:\n\n*  [API & Demos](#demos)\n*  [Building](#building)\n*  [Installing](#installing)\n\n\nPlease note that using the latest version of AngularJS Material requires the use of\n**[AngularJS](https:\u002F\u002Fangularjs.org\u002F) 1.7.2** or higher.\n\nAngularJS Material supports the browser versions defined in the `browserslist` field\nof our [package.json](package.json). Find out more on our\n[docs site](https:\u002F\u002Fmaterial.angularjs.org\u002Flatest\u002F#browser-support).\n\nAngularJS Material supports the screen reader versions listed\n[here](https:\u002F\u002Fmaterial.angularjs.org\u002Flatest\u002F#screen-reader-support).\n\n## \u003Ca name=\"demos\">\u003C\u002Fa> Online Documentation and Demos\n\n\u003Cdiv style=\"border: 1px solid #ccc\">\n  \u003Cimg src=\"https:\u002F\u002Fuser-images.githubusercontent.com\u002F3506071\u002F93010488-11578980-f55b-11ea-9ea3-c4a7bffd20b9.png\" style=\"display:block;\">\n\u003C\u002Fdiv>\u003Cbr>\n\n- Visit [material.angularjs.org](https:\u002F\u002Fmaterial.angularjs.org\u002F) online to review the API, see the\n  components in action via live demos, and to read our detailed guides which include the layout system,\n  theming system, typography, and more.\n- Or you can build the documentation and demos locally; see\n  [Build Docs & Demos](https:\u002F\u002Fgithub.com\u002Fangular\u002Fmaterial\u002Ftree\u002Fmaster\u002Fdocs\u002FREADME.md) for details.\n\n## \u003Ca name=\"building\">\u003C\u002Fa> Building\n\nDevelopers can build AngularJS Material using NPM and gulp.\n\nFirst install or update your local project's **npm** dependencies:\n\n```bash\nnpm install\n```\n\nInstall Gulp v3 globally:\n\n```bash\nnpm install -g gulp@3\n```\n\nThen run the **gulp** tasks:\n\n```bash\n# To build `angular-material.js\u002F.css` and `Theme` files in the `\u002Fdist` directory\ngulp build\n\n# To build the AngularJS Material Docs and Demos in `\u002Fdist\u002Fdocs` directory\ngulp docs\n```\n\nFor development, use the `docs:watch` **NPM** script to run in dev mode:\n\n```bash\n# To build the AngularJS Material Source, Docs, and Demos in watch mode\nnpm run docs:watch\n```\n\nFor more details on how the build process works and additional commands (available for testing and\ndebugging) developers should read the [Build Guide](docs\u002Fguides\u002FBUILD.md).\n\n## \u003Ca name=\"installing\">\u003C\u002Fa> Installing Build (Distribution Files)\n\n#### NPM\n\nFor developers not interested in building the AngularJS Material library... use **NPM** to install\nand use the AngularJS Material distribution files.\n\nChange to your project's root directory.\n\n```bash\n# To get the latest stable version, use NPM from the command line.\nnpm install angular-material --save\n\n# To get the most recent, latest committed-to-master version use:\nnpm install http:\u002F\u002Fgithub.com\u002Fangular\u002Fbower-material#master --save\n```\n\n#### Other Dependency Managers\n\nVisit our [distribution repository](https:\u002F\u002Fgithub.com\u002Fangular\u002Fbower-material\u002Fblob\u002Fmaster\u002FREADME.md)\nfor more details on how to install and use the AngularJS Material distribution files within your local\nproject.\n\n#### CDN\n\nCDN versions of AngularJS Material are available.\n\nWith the Google CDN, you will not need to download local copies of the distribution files. Instead,\nsimply reference the CDN urls to easily use those remote library files. This is especially useful\nwhen using online tools such as [CodePen](http:\u002F\u002Fcodepen.io\u002F) or [Plunker](http:\u002F\u002Fplnkr.co\u002F).\n\n```html\n  \u003Chead>\n\n    \u003C!-- AngularJS Material CSS now available via Google CDN; version 1.2.1 used here -->\n   \u003Clink rel=\"stylesheet\" href=\"https:\u002F\u002Fajax.googleapis.com\u002Fajax\u002Flibs\u002Fangular_material\u002F1.2.1\u002Fangular-material.min.css\">\n\n  \u003C\u002Fhead>\n  \u003Cbody>\n\n    \u003C!-- AngularJS Material Dependencies -->\n    \u003Cscript src=\"https:\u002F\u002Fajax.googleapis.com\u002Fajax\u002Flibs\u002Fangularjs\u002F1.8.2\u002Fangular.min.js\">\u003C\u002Fscript>\n    \u003Cscript src=\"https:\u002F\u002Fajax.googleapis.com\u002Fajax\u002Flibs\u002Fangularjs\u002F1.8.2\u002Fangular-animate.min.js\">\u003C\u002Fscript>\n    \u003Cscript src=\"https:\u002F\u002Fajax.googleapis.com\u002Fajax\u002Flibs\u002Fangularjs\u002F1.8.2\u002Fangular-aria.min.js\">\u003C\u002Fscript>\n    \u003Cscript src=\"https:\u002F\u002Fajax.googleapis.com\u002Fajax\u002Flibs\u002Fangularjs\u002F1.8.2\u002Fangular-messages.min.js\">\u003C\u002Fscript>\n\n    \u003C!-- AngularJS Material Javascript now available via Google CDN; version 1.2.1 used here -->\n    \u003Cscript src=\"https:\u002F\u002Fajax.googleapis.com\u002Fajax\u002Flibs\u002Fangular_material\u002F1.2.1\u002Fangular-material.min.js\">\u003C\u002Fscript>\n  \u003C\u002Fbody>\n```\n\nDevelopers seeking the latest, most-current build versions can use [GitCDN.xyz](https:\u002F\u002Fgitcdn.xyz\u002F) to\npull directly from our [distribution repository](https:\u002F\u002Fgithub.com\u002Fangular\u002Fbower-material):\n\n```html\n  \u003Chead>\n\n    \u003C!-- AngularJS Material CSS using GitCDN to load directly from `bower-material\u002Fmaster` -->\n    \u003Clink rel=\"stylesheet\" href=\"https:\u002F\u002Fgitcdn.xyz\u002Fcdn\u002Fangular\u002Fbower-material\u002Fmaster\u002Fangular-material.css\">\n\n  \u003C\u002Fhead>\n  \u003Cbody>\n\n    \u003C!-- AngularJS Material Dependencies -->\n    \u003Cscript src=\"https:\u002F\u002Fajax.googleapis.com\u002Fajax\u002Flibs\u002Fangularjs\u002F1.8.2\u002Fangular.js\">\u003C\u002Fscript>\n    \u003Cscript src=\"https:\u002F\u002Fajax.googleapis.com\u002Fajax\u002Flibs\u002Fangularjs\u002F1.8.2\u002Fangular-animate.js\">\u003C\u002Fscript>\n    \u003Cscript src=\"https:\u002F\u002Fajax.googleapis.com\u002Fajax\u002Flibs\u002Fangularjs\u002F1.8.2\u002Fangular-aria.js\">\u003C\u002Fscript>\n    \u003Cscript src=\"https:\u002F\u002Fajax.googleapis.com\u002Fajax\u002Flibs\u002Fangularjs\u002F1.8.2\u002Fangular-messages.min.js\">\u003C\u002Fscript>\n\n    \u003C!-- AngularJS Material Javascript using GitCDN to load directly from `bower-material\u002Fmaster` -->\n    \u003Cscript src=\"https:\u002F\u002Fgitcdn.xyz\u002Fcdn\u002Fangular\u002Fbower-material\u002Fmaster\u002Fangular-material.js\">\u003C\u002Fscript>\n\n  \u003C\u002Fbody>\n```\n\nOnce you have all the necessary assets installed, add `ngMaterial` and `ngMessages` as dependencies for your\napp:\n\n```javascript\nangular.module('myApp', ['ngMaterial', 'ngMessages']);\n```\n","AngularJS Material 是一个为 AngularJS 应用程序提供 Material Design 规范实现的 UI 组件库。它包含一系列轻量级、可重用且经过良好测试的 UI 组件，这些组件完全符合 Google 的 Material Design 设计规范（2014-2017 版）。该项目支持 AngularJS 1.7.2 及以上版本，并且对多种浏览器和屏幕阅读器提供了良好的兼容性。适用于需要快速构建具有现代感界面的单页 Web 应用场景，特别是那些已经在使用或计划使用 AngularJS 框架的项目。尽管官方支持已于 2022 年 1 月结束，但对于仍在维护中的 AngularJS 项目而言，它仍然是一个可靠的选择。","2026-06-11 02:53:20","top_language"]