• 技术文章 >web前端 >js教程

    浅谈Angular项目中如何引入第三方UI库(Angular Material)

    青灯夜游青灯夜游2021-06-10 10:22:57转载64
    本篇文章给大家介绍一下Angular项目中引入第三方UI库(Angular Material)的方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

    环境:

    • Angular CLI: 11.0.6
    • Angular: 11.0.7
    • Node: 12.18.3
    • npm : 6.14.6
    • IDE: VSCode

    1. 第三方UI库的选择

    Angular开发,除非你只有简单一两个页面,否则引入第三方UI库就是必不可少的。而具体用哪个库,就需要考虑多方面的东西了。【相关教程推荐:《angular教程》】

    比如:

    市面上有很多Angular可用的类库,可用根据项目、企业情况去选择。简单列一下可选的UI库。

    2. Angular Material

    2.1. 优缺点

    2.1.1. 优点

    2.1.2. 缺点

    2.2. 引入到项目

    1、根目录下执行下面命令:

    ng add @angular/material

    2、import 到页面所属的module,或者是app.module.ts中。

    // import MatSliderModule
    import { MatSliderModule } from '@angular/material/slider';
    
    …
    @NgModule ({....
      imports: [...,
      MatSliderModule,
    …]
    })

    3. 总结

    更多编程相关知识,请访问:编程视频!!

    以上就是浅谈Angular项目中如何引入第三方UI库(Angular Material)的详细内容,更多请关注php中文网其它相关文章!

    声明:本文转载于:csdn,如有侵犯,请联系admin@php.cn删除
    上一篇:浅谈使用Node.js搭建一个简单的 HTTP 服务器 下一篇:javascript常用的系统函数有哪些
    第16期线上培训班

    相关文章推荐

    • 浅谈Angular中的$injector对象• 一文带你深入解析Angular 10• 浅谈Angular中父子组件间相互传参的方法• 浅谈Angular如何编译打包?如何使用Docker发布?• Angular中关于单元测试的面试题,你能回答上来吗?• 浅谈Angular中的Component/Service

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网