在见识过 Angular 项目结构之后，我们对 Angular 有了一个大致的了解。现在，我们将整体了解下 Angular 的架构以及各个概念，方便以后的学习。 Angular 架构 Angular 的核心是组件 component。前面我们已经看到，一个 Angular 应用就是一棵以根组件（通常称为AppComponent）为根的组件树。我们向这棵树添加更多组件，来构建我们的应用。 下面我们以 ...
上一章我们介绍了 Angular CLI 为我们生成的那些除了源代码的项目相关文件。这一章我们将简单介绍源代码文件。 组件 app.component.ts 是 Angular CLI 为我们生成的组件文件，位于 src/app 目录下，其内容为： 组件是我们应用中最重要的部分。它们代表了应用的视图。所谓视图，就是屏幕上可以看到的区域。以 app.component.ts 为例，这个文件通常包含三 ...
上一章我们已经安装好 Angular CLI，下面来创建一个示例工程，了解 Angular CLI 的基本使用。 Angular CLI 可以帮我们生成开箱即用的项目框架，其具体命令是： 这里，开头的ng说明这是一个 Angular CLI 命令；之后的new说明是要新建项目；项目名就是最后的 demo。 按下回车之后，Angular CLI 会询问我们几个问题： Would you like t ...
2020-08-11 更新到 Angular 10 从零开始搭建一个前端项目要比同样搭建后端项目复杂得多。一定程度上是因为前端项目各种零零散散的工具都有着自己的配置文件，缺乏一个统一的开发框架。好在现在很多成熟的前端框架都提供了命令式的项目生成工具，用于简化这一流程。Angular 从最初的版本就提供了一个名为 CLI 的命令行工具，可以生成开箱即用的 Angular 项目环境。本章我们将着重介绍 ...
2020-07-29 更新到 Angular 10 《Angular 学习之路》是现在打算重新开始的一个系列。之所以开启一个新的系列，而且是打算长期进行的系列，是因为这是豆子的本职工作所使用到的技术。因此，对 Angular 的应用会有一个比较坚实的基础。 《Angular 学习之路 》只关心 Angular 2 及以上版本。关于 Angular 和 AngularJS 的关系，按照官方说法，An ...
原文链接：https://blog.thoughtram.io/angular/2018/03/05/advanced-caching-with-rxjs.html 在开发 Web 应用程序时，性能一般都是出于最高优先级的。对于 Angular 项目，我们有很多途径去提升程序性能，例如摇树优化（tree-shaking）、AoT（ahead-of-time 编译）、模块懒加载（lazy loadi ...
豆子，生于山东，定居南京。毕业于山东大学软件工程专业。软件工程师，主要关注于 Qt、Angular 等界面技术。
主题 Salodad 由 PenciDesign 提供 | 静态文件存储由又拍云存储提供 | 苏ICP备13027999号-2