目录
1. NGX-Admin
2. Eoapi
3. Angular Material
4. NG-ZORRO
5. Storybook
6. Awesome Angular
7. NGX-charts
8. Angular google maps
首页 web前端 js教程 如何上手Angular,先从 8 个开源项目开始!

如何上手Angular,先从 8 个开源项目开始!

Jul 29, 2022 pm 08:36 PM
angular angular.js

如何上手Angular,先从 8 个开源项目开始!

多年的学习经验告诉我,了解一个概念最快的方式是看他的实践,所以我整理出了 8 个在学习 Angular 过程中可以参考的开源项目,学习如何怎么使用 Angular 框架~

【相关教程推荐:《angular教程》】

1. NGX-Admin

https://github.com/akveo/ngx-admin

官网:https://akveo.github.io/ngx-admin/

image.png

一个好看的极简风格管理后台模板项目,有丰富主题的,部署方便,强推想要学习 Angular 的同学 pull 下来看看。

2. Eoapi

https://github.com/eolinker/eoapi

官网:https://www.eoapi.io/zh

image.png

Angular 和 Electron 技术结合的 API 工具桌面端,支持 Web 和桌面两端部署,想用 Angular 写桌面端的可以参考。

3. Angular Material

https://github.com/angular/components

官网:https://material.angular.io/

image.png

Angular 团队构建和维护的基于 Materal UI 设计风格的 UI 组件库,以帮助您构建自己的自定义组件。

4. NG-ZORRO

https://github.com/NG-ZORRO/ng-zorro-antd

官网:NG-ZORRO - 企业级 UI 设计语言和 Angular 组件库

image.png

Ant-Design 组件库的 Angular 版本,写组件库之前可以看看他们~

5. Storybook

https://github.com/storybookjs/storybook

官网:https://storybook.js.org/

image.png
Storybook 是一个组件文档框架,支持 Angular、React、Vue 框架。

6. Awesome Angular

https://github.com/PatrickJS/awesome-angular

官网:https://patrickjs.github.io/awesome-angular/

image.png

这不是一个实践项目,而是一个大而全的 Angular 百科全书, 包括 Angular 种子项目、启动器、样板、示例、教程、组件、模块、视频等 Angular 生态系统中的内容。

7. NGX-charts

https://github.com/swimlane/ngx-charts

官网:https://swimlane.github.io/ngx-charts/#/ngx-charts/bar-vertical

image.png

Angular 图表工具

8. Angular google maps

https://github.com/sebholstein/angular-google-maps

官网:https://angular-maps.com/

image.png
Angular Google 地图组件

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

以上是如何上手Angular,先从 8 个开源项目开始!的详细内容。更多信息请关注PHP中文网其他相关文章!

本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

AI Hentai Generator

AI Hentai Generator

免费生成ai无尽的。

热门文章

R.E.P.O.能量晶体解释及其做什么(黄色晶体)
3 周前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳图形设置
3 周前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.如果您听不到任何人,如何修复音频
3 周前 By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25:如何解锁Myrise中的所有内容
3 周前 By 尊渡假赌尊渡假赌尊渡假赌

热工具

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

如何在Ubuntu 24.04上安装Angular 如何在Ubuntu 24.04上安装Angular Mar 23, 2024 pm 12:20 PM

Angular.js是一种可自由访问的JavaScript平台,用于创建动态应用程序。它允许您通过扩展HTML的语法作为模板语言,以快速、清晰地表示应用程序的各个方面。Angular.js提供了一系列工具,可帮助您编写、更新和测试代码。此外,它还提供了许多功能,如路由和表单管理。本指南将讨论在Ubuntu24上安装Angular的方法。首先,您需要安装Node.js。Node.js是一个基于ChromeV8引擎的JavaScript运行环境,可让您在服务器端运行JavaScript代码。要在Ub

Angular学习之聊聊独立组件(Standalone Component) Angular学习之聊聊独立组件(Standalone Component) Dec 19, 2022 pm 07:24 PM

本篇文章带大家继续angular的学习,简单了解一下Angular中的独立组件(Standalone Component),希望对大家有所帮助!

angular学习之详解状态管理器NgRx angular学习之详解状态管理器NgRx May 25, 2022 am 11:01 AM

本篇文章带大家深入了解一下angular的状态管理器NgRx,介绍一下NgRx的使用方法,希望对大家有所帮助!

浅析angular中怎么使用monaco-editor 浅析angular中怎么使用monaco-editor Oct 17, 2022 pm 08:04 PM

angular中怎么使用monaco-editor?下面本篇文章记录下最近的一次业务中用到的 monaco-editor 在 angular 中的使用,希望对大家有所帮助!

一文探究Angular中的服务端渲染(SSR) 一文探究Angular中的服务端渲染(SSR) Dec 27, 2022 pm 07:24 PM

你知道 Angular Universal 吗?可以帮助网站提供更好的 SEO 支持哦!

Angular + NG-ZORRO快速开发一个后台系统 Angular + NG-ZORRO快速开发一个后台系统 Apr 21, 2022 am 10:45 AM

本篇文章给大家分享一个Angular实战,了解一下angualr 结合 ng-zorro 如何快速开发一个后台系统,希望对大家有所帮助!

如何使用PHP和Angular进行前端开发 如何使用PHP和Angular进行前端开发 May 11, 2023 pm 04:04 PM

随着互联网的飞速发展,前端开发技术也在不断改进和迭代。PHP和Angular是两种广泛应用于前端开发的技术。PHP是一种服务器端脚本语言,可以处理表单、生成动态页面和管理访问权限等任务。而Angular是一种JavaScript的框架,可以用于开发单页面应用和构建组件化的Web应用程序。本篇文章将介绍如何使用PHP和Angular进行前端开发,以及如何将它们

聊聊自定义angular-datetime-picker格式的方法 聊聊自定义angular-datetime-picker格式的方法 Sep 08, 2022 pm 08:29 PM

怎么自定义angular-datetime-picker格式?下面本篇文章聊聊自定义格式的方法,希望对大家有所帮助!

See all articles