本文摘自PHP中文网,作者青灯夜游,侵删。
本篇文章给大家介绍一下Angular中material安装与使用的方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。相关推荐:《angular教程》
一、 Angular介绍
Angular是谷歌开发的一款开源的web前端框架,诞生于2009年,由Misko Hevery 等人创建,后为Google所收购。是一款优秀的前端JS框架,已经被用于Google的多款产品当中。
根据项目数统计angular(1.x 、2.x 、4.x、5.x、6.x、7.x 、8.x、9.x)是现在网上使用量最大的框架。
Angular基于TypeScript和react、vue相比 Angular更适合中大型企业级项目。
目前2019年12月25日angular最新版本angular9.x。根据官方介绍,Angular每过几个月就会更新一个版本。Angular2.x以后所有Angular版本用法都是一样的,此教程同样适用于Angular7.x
、Angular8.x、Angular9.x 以及未来的其它版本…
二、Angular material安装与使用
material官方文档:https://material.angular.io
material官方文档(中文版):https://material.angular.cn/components/categories
(一)Angular material安装
1.首先创建新项目
2.在创建好的项目里输入以下三句话,即可完成material的安装(material属于哪个项目里用到在哪个项目里安装)
1 2 3 |
|
(二)Angular material使用
1、在app.module.ts中引入对应的material模块
2、新创建组件使用material即可
在这里可以参照官方文档里的例子(现查现用即可,例子很丰富)
3、我的操作是创建了一个material自定义模块,在里面存放引入的material模块,然后在app.module.ts中添加 import{MaterialModule}from'./material/material/material.module';
,然后新建组件,复制官方文档的代码即可运行。
在这里分享一下我的material.module.ts
中的代码供参考(这里面引入的material模块不全,需要根据实际情况添加)
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 |
|
更多编程相关知识,请访问:编程视频!!
以上就是详解Angular中的material安装与使用的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
更多相关阅读请进入《Angular》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者