Promact/md2：基于Angular2的材质设计组件、指令和服务包括手风琴、自

Promact

375

110 67

MIT License

项目介绍

Promact/md2 是一个托管在 GitHub 上的开源项目，主要使用 TypeScript 编写，采用 MIT License 许可证，目前获得 375 个 Star、110 次 Fork。

仓库全名: Promact/md2
开源许可证: MIT License
Star 数: 375
Fork 数: 110
未关闭 Issue: 67

README 摘要

MD2 Angular2 based Material Design components, directives and services are Accordion, Autocomplete, Chips(Tags), Collapse, Colorpicker, Data Table, Datepicker, Dialog(Modal), Menu, Multiselect, Select, Tabs, Tags(Chips), Toast and Tooltip. Installation The latest release of MD2 can be installed from npm npm install --save md2 Playing with the latest changes from master is also possible npm install --save…

完整内容见 GitHub 原始 README 或本页。

常见问题

md2 用什么语言开发？

主要使用 TypeScript 编写，采用 MIT License 许可证，目前有 375 个 Star。

md2 可以免费商用吗？

如何获取 md2 的源码？

可以直接克隆仓库：git clone https://github.com/Promact/md2.git，默认分支为 master；安装与运行步骤见仓库 README。

md2 最近还在维护吗？

仓库最近一次更新为 2020年3月26日，当前有 67 个未关闭 Issue；Star 数为 375，可作为社区活跃度的参考。

关于

GitHub 原始描述（英文）

Angular2 based Material Design components, directives and services are Accordion, Autocomplete, Collapse, Colorpicker, Datepicker, Dialog(Modal), Menu, Multiselect, Select, Tabs, Tags(Chips), Toast and Tooltip.

描述取自 GitHub 官方 API，保持仓库作者书写的原文。

简要分析

热度分

597

价值分

254

活跃状态

归档

accordion angular2 autocomplete chip color-picker datepicker material material-design

GitHub

语言占比

CSS

HTML

JavaScript

Shell

TypeScript

Release

0.0.312018年11月26日
0.0.282017年8月11日
0.0.252017年6月22日
0.0.242017年6月13日
0.0.232017年6月13日

贡献者

README

MD2

Angular2 based Material Design components, directives and services are Accordion, Autocomplete, Chips(Tags), Collapse, Colorpicker, Data Table, Datepicker, Dialog(Modal), Menu, Multiselect, Select, Tabs, Tags(Chips), Toast and Tooltip.

Installation

The latest release of MD2 can be installed from npm

npm install --save md2

Playing with the latest changes from master is also possible

npm install --save https://github.com/Promact/md2.git

Getting started

Setup MD2 in your project

// system.config.js
// ================
{
  map: {
    'md2': 'node_modules/md2/bundles/md2.umd.js'
  }
}


// app.module.ts
// =============

import { Md2Module }  from 'md2';
@NgModule({
  imports: [
    ...,
    Md2Module,
  ],
  ...
})
export class AppModule { }

Demo

demo and demo sources.

Components:

The goal of MD2

Our goal is to build a set of high-quality UI components built with Angular and TypeScript, following the Material Design spec. These components will serve as an example of how to write Angular code following best practices.

What do we mean by “high-quality”?

Internationalized and accessible so that all users can use them.
Straightforward APIs that don’t confuse developers.
Behave as expected across a wide variety of use-cases without bugs.
Behavior is well-tested with both unit and integration tests.
Customizable within the bounds of the Material Design specification.
Performance cost is minimized.
Code is clean and well-documented to serve as an example for Angular devs.

MD2 supports the most recent two versions of all major browsers: Chrome (including Android), Firefox, Safari (including iOS), and IE11 / Edge

We also aim for great user experience with the following screen readers:

NVDA and JAWS with IE / FF / Chrome (on Windows).
VoiceOver with Safari on iOS and Safari / Chrome on OSX.
TalkBack with Chrome on Android.

md2