Angular 的 Material Design 风格框架 Angular Material

最新推荐文章于 2024-08-29 08:22:23 发布
最新推荐文章于 2024-08-29 08:22:23 发布
阅读量2.1k 收藏 1
点赞数
分类专栏： 前端 angular
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/phj_88/article/details/81091755
版权
前端 同时被 2 个专栏收录
300 篇文章 5 订阅
订阅专栏
angular
101 篇文章 0 订阅
订阅专栏

Angular Material 详细介绍

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-material-admin:使用Angular Material构建的Angular Material管理模板
05-09
Angular Material Admin Lite-免费和开源的Angular Admin仪表板模板 包括响应式布局和使用Angular Material构建的高质量UI。 | | | 该存储库包含有限的免费版本。 特征 使用此模板，您将能够利用许多内置组件，从而专注于构建使您与竞争对手区分开来的功能，而不是从头开始构建一切。 Angular Material Admin的精简版包括以下功能和页面： 角材料和SCSS 响应式布局 样式化的Angular Material组件，例如按钮，卡片等 仪表板样本 版式 桌子 通知事项 基本图表 图示 地图 悬停侧边栏 登录 404 从头开始构建项目意味着同时要跟踪很多事情：分析，动态表单数据，UI和UX元素等等。 这个简单的管理模板非常适合Web应用程序或任何其他需要管理仪表板的网站或项目。 该模板将为您即将进行的项目打下坚实的基础，
Angular Material design设计
weixin_34183910的博客
08-24 559
  官网： https://material.io/design/ https://meterial.io/components 优秀的Meterial design站点： http://materialdesignblog.com/   并不是万能的，都有约束条件。 优点：兼容性好，可扩展性强，可测试性好，对主题的支持好。 缺点：组件不是特别丰富。 安装： //其它方式$ ...
推荐项目：Angular 12, NgRx 与 Angular Material 启动模板
最新发布
gitblog_00278的博客
08-29 932
推荐项目：Angular 12, NgRx 与 Angular Material 启动模板 angular-ngrx-material-starter一个整合了Angular、ngrx状态管理库和Material Design UI组件的项目启动器，为开发者快速创建企业级Angular应用程序提供了一站式解决方案。项目地址:https://gitcode.com/gh_mirrors/an/an...
Material Design for Bootstrap (Angular version) Angular Bootstrap UI KIT
大强博客
01-23 737
Material Design for Bootstrap (Angular version) Angular Bootstrap UI KIT Built with Angular 7, Bootstrap 4 and TypeScript. CLI version available.      4.9 / 5( 97 reviews ) 400+ material UI ele...
Angular: Material Design Angular教程：Material设计 Lynda课程中文字幕
lyndacn的博客
12-09 843
Angular: Material Design 中文字幕 Angular教程：Material设计 中文字幕Angular: Material Design Angular Material是UI组件框架和Material Design的参考实现，Material Design是由Google设计人员创建的用于制作高质量数字体验的统一系统 在这个基于项目的课程中，学习如何开始使用Angular...
Angular Material：构建美观的Material Design应用
天涯学馆
06-06 1326
Angular Material 是 Angular 的一个官方库，用于构建遵循 Material Design 规范的用户界面。它提供了许多组件，如按钮、表单控件、布局工具、对话框、抽屉、滑块等，帮助开发者快速创建美观且响应式的应用。
ng-material-examples:功能齐全的Angular Material Design组件示例
04-12
但是，请确保您使用作为主要来源，并指导您理解和使用Material Design组件。 — @pjnalls 入门 先决条件 安装Node.js（我正在使用14.15.0版。） Angular CLI的全局安装（我正在使用版本11.2.8 。） 使用示例之前...
material：一个轻量级的Angular Material Design库，它基于Google的Web Material组件
02-04
它将（一个Google项目）与Angular框架集成在一起。 快速链接 2.0.0的路线图 升级到material-components-web 9.0.0 实施新组件： banner ， circular-progress ， data-table ， segmented-button ， tooltip和...
MaterialDesign-Angular-Material:@ mdiangular-material Dist用于材料设计图标
05-25
此存储库仅用于分发Angular Material文件。 角材料-材料设计图标 角材料分布。 安装 从npm安装@mdi/angular-material和@angular/cdk ： npm install @mdi/angular-material @angular/cdk 用法 该捆绑包可用于...
my-page：具有Angular y Angular Material Design的个人项目
02-22
在本项目"my-page"中，我们探讨了一个利用Angular框架和Angular Material Design构建的个人网页应用。这个项目展示了如何将这两个强大的工具结合在一起，创建出一个功能完备且具有美观界面的网页应用程序。 Angular...
angular-material-demo:具有最新依赖项的Angular Material演示应用程序
05-11
角材料演示 注意：这是原始代码的更新版本，请检查package.json文件以获取最新更改。 在实时查看最新版本。 安装 $ cd ~/ $ git clone git@github....$ cd angular-material-demo $ npm install $ ng serve
ng-matero：Angular Material管理仪表板模板
01-31
NG-MATERO Ng-Matero是使用Material组件制作的Angular管理模板。 :sparkles: 产品特点 材料扩展 原理图支持 现代设计风格 多个管理员布局 强大的色彩系统 丰富CSS助手 暗模式支持 RTL支持 国际化 认证方式 HTTP拦截器 :open_book: 文件资料 ｜ :package: 兼容性 使用哪个版本？ 角度的 材料 伍特罗 扩展名 v11 v11 11.xx 11.xx v10 v10 10.3.5 10.14.0 v9 v9 9.7.2 9.11.13 v8 v8 0.16.0 0.9.3 :wrench: 安装 该项目已经支持ng add了。 $ ng new < project> $ cd < project> $ ng add ng-matero 您也可以git clone启动程序仓库开始。 但是不推荐。 $ git clone --depth=1 git@github.com:ng-matero/starter.git < project> $
angular-material
03-17
学习资料 该项目是使用版本11.0.7生成的。 开发服务器 为开发服务器运行ng serve 。 导航到http://localhost:4200/ 。 如果您更改任何源文件，该应用程序将自动重新加载。 代码脚手架 运行ng generate component component-name生成一个新的组件。 您还可以使用ng generate directive|pipe|service|class|guard|interface|enum|module 。 建造 运行ng build来构建项目。 构建工件将存储在dist/目录中。 使用--prod标志进行生产构建。 运行单元测试 运行ng test以通过执行单元测试。 运行端到端测试 运行ng e2e通过执行端到端测试。 进一步的帮助 要获得有关Angular CLI的更多帮助，请使用ng help或查看“ 页面。
一套精简轻量级的实现MaterialDesign规范的AngularJS原生UI
08-10
一套精简，轻量级的实现Material Design规范的AngularJS原生UI，用于Angular单页应用程序（SPA）开发
angular 居中_Angular Material design设计
weixin_39846664的博客
12-29 557
官网：优秀的Meterial design站点：并不是万能的，都有约束条件。优点：兼容性好，可扩展性强，可测试性好，对主题的支持好。缺点：组件不是特别丰富。安装：//其它方式$ sudo cnpm i --save @angular/material@2.0.0-beta.7$ sudo yarn add @angular/material --save$ npm i @angular/mate...
使用Angular Material Design组件创建UI
05-21 704
在本教程中，我将向您介绍材料设计中的角，然后我们将看看如何创建从各种角度材质组件构建的UI简单的角度应用。 广泛采用基于组件的框架，如角，反应，Vue.js已经看到越来越多的预构建的UI组件的集合变得可用。 使用这样的集合可以帮助开发人员快速创建具有专业外观的应用程序。 什么是材料设计？ 材料设计（代号为量子纸 ），可用于创建数字体验的视觉语言。 这是一套原则和准则，跨平台和设备的交互性，...
angular 指令渲染_Angular-Material-Design 图表实现（一）
weixin_39918043的博客
12-01 423
前言考虑再三还是给自己的专栏加一些前端展示的文章，因为数据科学最终终究是要落地的，这要求我们技术人员（非数据科学家）不仅需要懂 AI 算法，也要有着过硬的工程实践，即知识宽度。当然如果你是数据科学家，你只需要在自己的领域不断深入就可以了，但做工程除了一定的深度外，也要兼顾自己技术栈的宽度，最好能达到一个人能够从头到尾搞定一个项目。由于数据类产品总是离不开数据展示这一重要环节，目前工业领域应用最广的...
angular material 框架使用步骤（以及分页栏自定义）
热门推荐
thesameguo的博客
01-24 1万+
我喜欢直接给代码或者截图说明，所有的口头上说的都是垃圾，解决不了问题 注：先吐槽一下angular material这个垃圾官网，真的是坑，如果你按照他的方法那就等着吃屎吧 开始： 1.在控制台端口输入：npm install --save @angular/material @angular/cdk 2.在你的package.json文件里把上一步下载的版本更改为（只能使用这两个
使用AngularJS实现Material Design UI组件框架
通过采用 Material Design 方法来定位元素并创建动画，结合 AngularJS JavaScript 框架的原则，利用 Angular Material 这一 UI 组件框架，实现网页自适应不同屏幕尺寸并遵循 Material Design 规范的设计。...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值