当前位置: 首页 > 软件库 > 程序开发 > UI组件库 >

Angular Material

Angular 的 Material Design 风格框架
授权协议 MIT
开发语言 TypeScript HTML/CSS
所属分类 程序开发、 UI组件库
软件类型 开源软件
地区 不详
投 递 者 敖淮晨
操作系统 跨平台
开源组织 Google
适用人群 未知
 软件概览

Material Design for Angular 是 Angular 官方团队开发的基于最新版本 Angular 的 Material  Design 风格的框架,可和 Nest.js 搭配使用做全栈开发。

针对 Angular 1 版本的实现 https://www.oschina.net/p/material-design-for-angularjs

Angular Material 目标是按照 Material Design 规范构建一组使用 Angular 和 TypeScript 构建的高质量 UI 组件。这些组件将作为如何按照最佳实践编写 Angular 代码的示例。

浏览器支持

支持所有主流浏览器的最新版本:Chrome (包括 Android, Firefox, Safari (包括 iOS)和 IE11 / Edge。

组件示例

更多组件请查看 https://material.angular.io/components/categories

  • 有关开始使用新Angular应用程序的帮助,请查看Angular CLI。 对于现有应用,请按照以下步骤开始使用Angular Material。  第1步:安装Angular Material,Angular CDK和Angular Animations 您可以使用npm或yarn命令行工具来安装包。在下面的示例中使用适合您的项目的任何一个。  NPM npm install --save @a

  • 实际的开发场景中,应用程序的文字排版不是一成不变的,也常常需要自定义颜色来适配具体项目需求,这就需要去自定义 Material 的主题。 Angular Material 库的样式是采用 Sass 开发的,几乎全部写在了 mixin 中,定制起来非常容易,让整个主题系统相当的灵活可配置。它也提供了很多的工具型 mixin 和 函数,来帮助我们在编写自己的组件时,和 Material 的主题样式步调

  • Install Angular Material, Angular CDK and Angular Animations npm: npm install --save @angular/material @angular/cdk @angular/animations Yarn: yarn add @angular/material @angular/cdk @angular/animation

  • 背景:Angular7, Angular Material7 步骤: 先注册 MatIconModule import { MatIconModule } from '@angular/material/icon'; @NgModule({ imports: [ .... MatIconModule ], exports: [ MatIconModule //

  • 大家在Angular学习中或多或少会遇到教程资源太少,各种资源又都是英文的问题,我这里为大家提供全套的Angular学习中用到的好用的教程网站等,不定期更新,欢迎收藏: 教程: 特点:言简意赅比较详细不拖沓,有个问题是他各P放反,下一个得点击 链接:https://www.bilibili.com/video/BV1BY411x7h1/?spm_id_from=333.788&vd_source=

  • 环境: Angular CLI: 11.0.6 Angular: 11.0.7 Node: 12.18.3 npm : 6.14.6 IDE: VSCode 1. 第三方UI库的选择 Angular开发,除非你只有简单一两个页面,否则引入第三方UI库就是必不可少的。而具体用哪个库,就需要考虑多方面的东西了。比如: 流行程度 版本更新情况 (是否能跟进anuglar更新,bug是否及时修复) UI风

 相关资料
  • Material Design This repo contains all the planning for current and work-in-progress Material Design Icons. Getting Started Icons View at Material Design Icons. This repo also contains converted icons

  • 本文向大家介绍基于bootstrap风格的弹框插件,包括了基于bootstrap风格的弹框插件的使用技巧和注意事项,需要的朋友参考一下 自己写的一款基于bootstrap风格的弹框插件,暂时只有确认框、提示框。后续功能扩展、bug修改再更新。 html页面中调用: 感觉写的不是很好,后面修改了或者扩展了功能再更新。源码会上传到文件。 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多

  • camelCase 很糟 你曾维护过别人的代码吗?你维护过像这样的代码吗? my $variableThatContainsData = someSubroutineThatMucksWithData( $someAwfulVariable ); 混合大小写单词在 Perl 世界被称为 camelCase,通常它的令人不悦之处是使 阅读代码更难。 甚至具有糟糕名称的代码使用下划线也能变得

  • 问题内容: 标题几乎总结了一下。 外部样式表具有以下代码: 我尝试使用: 和 但都行不通。是否有可能使用javascript覆盖!important样式。 如果有区别的话,这是给 greasemonkey扩展的。 问题答案: 我相信这样做的唯一方法是将样式添加为带有’!important’后缀的新CSS声明。最简单的方法是将新的元素附加到文档的开头: 使用上述方法添加的规则(如果使用!import

  • Style Java 传统的代码风格是被用来编写非常复杂的企业级 JavaBean。新的代码风格看起来会更加整洁,更加正确,并且更加简单。 Structs 对我们程序员来说,包装数据是最简单的事情之一。下面是传统的通过定义一个 JavaBean 的实现方式: public class DataHolder { private String data; public DataHold

  • 如果一定要把一般的API 服务转换成restful风格,可以自定义控制器。例如上一节的服务例子: 方法 restful url 功能 原 url 原方法 GET /website 查询记录列表 /website/list.java GET POST /website 创建一条记录 /website/insert.java POST GET /website/id 根据id查询记录 /website

  • 本文向大家介绍详解Spring框架之基于Restful风格实现的SpringMVC,包括了详解Spring框架之基于Restful风格实现的SpringMVC的使用技巧和注意事项,需要的朋友参考一下 如果说现在你要做一个系统,假设说有一个模块属于公告管理,那么我们可能安排路径的时候会这样安排NewsAction路径:  增加新闻:/pages/back/admin/news/add.action;

  • 问题内容: Python教程说:“在运算符周围和逗号后使用空格,但不要直接在括号结构内使用:a = f(1,2)+ g(3,4)”。“不直接在包围结构内”到底是什么意思? 问题答案: 这可能来自PEP 8-Python代码样式指南 。具体来说,请参见“表达式和语句中的空白”部分。 从该部分: