{"id":13432977,"url":"https://github.com/angular/material","last_synced_at":"2025-10-05T16:31:00.186Z","repository":{"id":41403654,"uuid":"21399598","full_name":"angular/material","owner":"angular","description":"Material design for AngularJS","archived":true,"fork":false,"pushed_at":"2024-09-05T18:38:55.000Z","size":50704,"stargazers_count":16528,"open_issues_count":278,"forks_count":3379,"subscribers_count":707,"default_branch":"master","last_synced_at":"2025-01-19T17:08:26.949Z","etag":null,"topics":["angularjs","angularjs-material","javascript","lts","material-design"],"latest_commit_sha":null,"homepage":"https://material.angularjs.org/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/angular.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":".github/CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":"SECURITY.md","support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2014-07-01T19:20:06.000Z","updated_at":"2025-01-19T10:23:07.000Z","dependencies_parsed_at":"2024-10-27T17:13:56.335Z","dependency_job_id":"ab298002-f41f-42cb-9110-1725e2e72bf5","html_url":"https://github.com/angular/material","commit_stats":{"total_commits":4941,"total_committers":446,"mean_commits":11.07847533632287,"dds":0.8225055656749646,"last_synced_commit":"952c06705a7eddaa02fcbb2fd931e06740702404"},"previous_names":[],"tags_count":120,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/angular%2Fmaterial","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/angular%2Fmaterial/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/angular%2Fmaterial/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/angular%2Fmaterial/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/angular","download_url":"https://codeload.github.com/angular/material/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":234923810,"owners_count":18907853,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["angularjs","angularjs-material","javascript","lts","material-design"],"created_at":"2024-07-31T02:01:19.301Z","updated_at":"2025-10-05T16:30:59.293Z","avatar_url":"https://github.com/angular.png","language":"JavaScript","readme":"# Material Design for AngularJS Apps\n[![npm version](https://badge.fury.io/js/angular-material.svg)](https://www.npmjs.com/package/angular-material)\n[![Build Status](https://travis-ci.org/angular/material.svg)](https://travis-ci.org/angular/material)\n\n[Material Design](https://material.io/archive/guidelines/) 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://material.io/archive/guidelines/material-design/)\nfor [AngularJS](https://angularjs.org) (v1.x) developers.\n\nFor an implementation of the [Material Design Specification (2018+)](https://material.io/design/),\nplease see the [Angular Material](https://material.angular.io/) project which is built for\n[Angular](https://angular.io) (v2+) developers.\n\n### \u003ca name=\"lts\"\u003e\u003c/a\u003e End-of-Life\n\n**AngularJS Material support has officially ended as of January 2022.**\n[See what ending support means](https://docs.angularjs.org/misc/version-support-status)\nand [read the end of life announcement](https://goo.gle/angularjs-end-of-life). Visit\n[material.angular.io](https://material.angular.io) for the actively supported Angular Material.\n\nFind details on reporting security issues\n[here](https://github.com/angular/material/blob/master/SECURITY.md).\n\n![venn diagram](https://cloud.githubusercontent.com/assets/210413/5077572/30dfc2f0-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 \u0026 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://angularjs.org/) 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://material.angularjs.org/latest/#browser-support).\n\nAngularJS Material supports the screen reader versions listed\n[here](https://material.angularjs.org/latest/#screen-reader-support).\n\n## \u003ca name=\"demos\"\u003e\u003c/a\u003e Online Documentation and Demos\n\n\u003cdiv style=\"border: 1px solid #ccc\"\u003e\n  \u003cimg src=\"https://user-images.githubusercontent.com/3506071/93010488-11578980-f55b-11ea-9ea3-c4a7bffd20b9.png\" style=\"display:block;\"\u003e\n\u003c/div\u003e\u003cbr\u003e\n\n- Visit [material.angularjs.org](https://material.angularjs.org/) 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 \u0026 Demos](https://github.com/angular/material/tree/master/docs/README.md) for details.\n\n## \u003ca name=\"building\"\u003e\u003c/a\u003e 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/.css` and `Theme` files in the `/dist` directory\ngulp build\n\n# To build the AngularJS Material Docs and Demos in `/dist/docs` 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/guides/BUILD.md).\n\n## \u003ca name=\"installing\"\u003e\u003c/a\u003e 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://github.com/angular/bower-material#master --save\n```\n\n#### Other Dependency Managers\n\nVisit our [distribution repository](https://github.com/angular/bower-material/blob/master/README.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://codepen.io/) or [Plunker](http://plnkr.co/).\n\n```html\n  \u003chead\u003e\n\n    \u003c!-- AngularJS Material CSS now available via Google CDN; version 1.2.1 used here --\u003e\n   \u003clink rel=\"stylesheet\" href=\"https://ajax.googleapis.com/ajax/libs/angular_material/1.2.1/angular-material.min.css\"\u003e\n\n  \u003c/head\u003e\n  \u003cbody\u003e\n\n    \u003c!-- AngularJS Material Dependencies --\u003e\n    \u003cscript src=\"https://ajax.googleapis.com/ajax/libs/angularjs/1.8.2/angular.min.js\"\u003e\u003c/script\u003e\n    \u003cscript src=\"https://ajax.googleapis.com/ajax/libs/angularjs/1.8.2/angular-animate.min.js\"\u003e\u003c/script\u003e\n    \u003cscript src=\"https://ajax.googleapis.com/ajax/libs/angularjs/1.8.2/angular-aria.min.js\"\u003e\u003c/script\u003e\n    \u003cscript src=\"https://ajax.googleapis.com/ajax/libs/angularjs/1.8.2/angular-messages.min.js\"\u003e\u003c/script\u003e\n\n    \u003c!-- AngularJS Material Javascript now available via Google CDN; version 1.2.1 used here --\u003e\n    \u003cscript src=\"https://ajax.googleapis.com/ajax/libs/angular_material/1.2.1/angular-material.min.js\"\u003e\u003c/script\u003e\n  \u003c/body\u003e\n```\n\nDevelopers seeking the latest, most-current build versions can use [GitCDN.xyz](https://gitcdn.xyz/) to\npull directly from our [distribution repository](https://github.com/angular/bower-material):\n\n```html\n  \u003chead\u003e\n\n    \u003c!-- AngularJS Material CSS using GitCDN to load directly from `bower-material/master` --\u003e\n    \u003clink rel=\"stylesheet\" href=\"https://gitcdn.xyz/cdn/angular/bower-material/master/angular-material.css\"\u003e\n\n  \u003c/head\u003e\n  \u003cbody\u003e\n\n    \u003c!-- AngularJS Material Dependencies --\u003e\n    \u003cscript src=\"https://ajax.googleapis.com/ajax/libs/angularjs/1.8.2/angular.js\"\u003e\u003c/script\u003e\n    \u003cscript src=\"https://ajax.googleapis.com/ajax/libs/angularjs/1.8.2/angular-animate.js\"\u003e\u003c/script\u003e\n    \u003cscript src=\"https://ajax.googleapis.com/ajax/libs/angularjs/1.8.2/angular-aria.js\"\u003e\u003c/script\u003e\n    \u003cscript src=\"https://ajax.googleapis.com/ajax/libs/angularjs/1.8.2/angular-messages.min.js\"\u003e\u003c/script\u003e\n\n    \u003c!-- AngularJS Material Javascript using GitCDN to load directly from `bower-material/master` --\u003e\n    \u003cscript src=\"https://gitcdn.xyz/cdn/angular/bower-material/master/angular-material.js\"\u003e\u003c/script\u003e\n\n  \u003c/body\u003e\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","funding_links":[],"categories":["JavaScript","Web 前端","Uncategorized"],"sub_categories":["Uncategorized"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fangular%2Fmaterial","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fangular%2Fmaterial","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fangular%2Fmaterial/lists"}