Angular2使用Angular CLI快速搭建工程（一）

• 时间：2022-03-14 04:22 编辑： 来源： 阅读：
• 扫一扫，手机访问

在app.module.ts中加入以下代码,这里当做全局的用 [img]http://files.jb51.net/file_images/article/201705/2017052110304515.png[/img] 接下来我们就能使用一些material的UI组件了，我们在home中使用下试试 然后我们在home.component.html 添加 [img]http://files.jb51.net/file_images/article/201705/2017052110304516.png[/img] 在哪里用都可以，因为是全局的。 理论上这样操作就可以了，但是其实material还依赖一个叫hammerjs的组件我们还没install，直接编译肯定报错，我们安装下，按顺序执行下面2个命令 在app.module.ts中 import 'hammerjs'; [img]http://files.jb51.net/file_images/article/201705/2017052110304617.png[/img] 如此，我们就可以ng serve启动了，可以看到了material的一些组件了 [img]http://files.jb51.net/file_images/article/201705/2017052110304618.png[/img] [b]使用iconfont[/b] iconfont是阿里巴巴的icon项目，阿里巴巴使用，也公开对外使用，现在一些公司都使用了，它有CDN，访问快，用起来也很方便，这章节讲下如何使用iconfont；（当然，本质上就是引用一个icon的font文件，无论用bootstrap的还是自己做的，都是一样的，希望读者触类旁通） 由于篇幅过长，请到我的另一篇文章《[url=http://www.1sucai.cn/article/114256.htm]Angular2-使用Angular-CLI快速搭建工程（二）[/url] 》继续查看 以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持编程素材网。