Angular Router 路由匹配

Photo by Roland Kay-Smith on Unsplash

Angular Router 是 Angular 最重要的内置模块之一。

利用它可以非常快速的生成路由规则,实现前端的模块化开发。

但是其中有一些细节值得关注。

在本篇文章中,我会重点介绍 Angular Router 中——路由匹配的概念。

继续阅读Angular Router 路由匹配

Angular forRoot 与 Services

Photo by Jaanus Jagomägi on Unsplash

在Angular中,

常常会看到在 AppModule 中调用某个模块的 forRoot 方法。

其中最常见的应该就是 RouterModule.forRoot()。

但是 forRoot 的作用是什么?什么时候要自己编写 forRoot?

读完本文,

相信你会有一个答案。

继续阅读Angular forRoot 与 Services

VSCode 下调试 Angular Library

Photo by MAX LIBERTINE on Unsplash

VSCode 调试功能繁琐之处在于,

不同结构的项目往往需要手动编辑 launch.json 这个配置文件。

本文以 Angular Library 调试为切入点,

介绍在 VSCode 下调试 Angular Library 的方法。

为了更好的理解这个指南,

你可以首先 git clone ngx-spinner 这个仓库。

继续阅读VSCode 下调试 Angular Library

Base64 编码与 JSON 交换

JSON 是常用的数据交换格式。但是由于 JSON 本身并不支持文件图片等形式的附加数据,想要直接借助 JSON 来实现文件的传输非常困难。

一般的做法是,首先需要使用 Base64 编码将这些数据从二进制流编码成为字符形式,再封装成 JSON 格式进行传输。

本文首先讨论 Base64 编码大致原理,然后引入 MIME 类型的简单介绍,最后通过 Web API 来实现文件的自动编码实现文件图片等内容的 JSON 传输。

继续阅读Base64 编码与 JSON 交换

Angular Module 作用域

Photo by Vanessa Lang on Unsplash

Angular 中模块由 @NgModule 装饰器来修饰。

通过 @NgModule 关键字 imports,declarations, exports,providers ,用户可以组合 Components,Pipe,Directives 及 Services 四个基础组件。

Angular 模块的复杂之处在于各个基础组件的作用域不同,这对初学者会造成很多困扰:应该在什么时候导入第三方模块?导入之后,在哪里可以使用这些模块提供的组件?

因此可以说,理解了 Angular 作用域的问题,也就解决了模块导入的问题。

继续阅读Angular Module 作用域

理解 Angular Material Table

Angular Material Table 是 Angular Material 的自带组件,

用于生成 Material 样式的表格。

Angular Material Table 使用维护十分灵活,

但是其使用方法相对原生 HTML Table 较为繁琐。

包括导入模块、设置表格数据源、表格/列设定、表格/行设定四个步骤。

继续阅读理解 Angular Material Table

理解 Subject

在上一篇博文中介绍了 Observable 和 Observer 的概念与用法。

它们是理解 Subject 的基础和前提。建议先行阅读。

1.什么是 Subject

在 RxJS 中 Subject 是混合体。它既是 Observable 又是 Observer

这意味着它既能像 Observable 一样生成数据流,被 Observer 所订阅,

也可以像 Observer 一样消费数据流。

继续阅读理解 Subject

理解 Observable 与 Observer

Observable,Observer 是 RxJS 编程中的核心,也是理解 Subject 的基础。

本文就是帮助你理解两者的区别与基本用法。

1.什么是 Observable

图片源自官方文档 —— Observable 一节。

可以看到,Observable 对象可以生成数据流,为 Observer 提供输入。

同时,Observable 对象通过可叠加多个转换(Transformation),对数据流进行转换,并且得到的仍是一个 Observable 对象。

继续阅读理解 Observable 与 Observer