一、什么是 JSONPJSONP（JSON with Padding）是数据格式JSON的一种 “使用模式”，可以让网页从别的网域要数据。另一个解决这个问题的新方法是跨来源资源共享。 由于同源策略，一般来说位于 server1.example.com 的网页无法与 server2.example.com 的服务器沟通，而HTML的 script 元素是一个例外。利用 script 元素的这个...

Storybook 是一个 UI 组件的开发环境。它允许你能够浏览一个组件库，查看每个组件的不同状态，以及支持交互式的方式开发和测试组件。 Storybook 在你的应用程序之外运行。这允许你能够独立的开发 UI 组件，你可以提高组件的可重用性、可测试性和开发速度。你可以快速构建，而无需担心应用程序特定的依赖项。 这里有一些可以参考的特色示例，可以了解 Storybook 的工作原理。Sto...

Title Service 简介Angular Title Service 用于获取和设置当前 HTML 文档的标题。Title Service 提供了以下方法： setTitle() getTitle() 首先要使用 Title 服务，我们需要从 @angular/platform-browser 库导入 Title 类，然后利用 Angular 依赖注入的机制，通过构造注入的方式注入...

在之前的 Angular 6 HttpClient 快速入门 文章中，我们已经简单介绍了 Http 拦截器。本文将会进一步分析一下 Http 拦截器。拦截器提供了一种用于拦截、修改请求和响应的机制。这个概念与 Node.js 的 Express 框架中间件的概念类似。拦截器提供的这种特性，对于日志、缓存、请求授权来说非常有用。 AuthInterceptor接下来我们先来回顾一下 Angul...

在日常开发过程中，某些项目会要求支持国际化。对于使用 Angular 框架的项目来说，我们可以利用以下第三方库，快速支持国际化： ngx-translate/core ngx-translate/http-loader ngx-translate-extract 环境配置本文将基于上述三个库，简单的介绍一下国际化的处理流程。首先我们来使用 Angular CLI 创建一个新的项目： 1$...

Meta 标签 The tag provides metadata about the HTML document. Metadata will not be displayed on the page, but will be machine parsable. Metadata 中文名叫元数据，是用于描述数据的数据。它不会显示在页面上，但是机器却可以识别。meta 常用于定义页面的说...

今天本文的两个主角是 npx 及 angular-cli-ghpages，npx 是 npm 5.2 引入了的新的工具， 用于帮助我们执行 npm 二进制任务和加速我们的工作流。而 angular-cli-ghpages 这个工具，是用于帮助 Angular CLI 的用户快速发布 Angular 应用到 Github Page。 npx安装首先执行以下命令查看当前 npm 的版本： 1$ ...

本文将介绍如何使用 webpack-bundle-analyzer 和 source-map-explorer 这两款工具来分析 Angular Bundle 的大小。下面我们将使用 Github 上的 angular6-example-app 这个项目来演示上述两个工具的使用案例，首先我们先来初始化 angular6-example-app 这个项目。 初始化 angular6-exam...

本教程将介绍如何在 Angular 6.x 中使用 HttpClient 发送 Http 请求，如 get、post、put 和 delete 请求。在 Angular 4.3+ 版本之后引入了 HttpClientModule 模块，该模块提供的 HttpClient 服务是已有 Angular HTTP API 的演进，它在一个单独的 @angular/common/http 包中。 废...

有些时候，我们希望在 Angular 应用程序启动的时候，执行一些初始化操作。针对这种场景，我们可以利用 APP_INITIALIZER 这个内置的 Token 来定义 multi provider，从而实现自定义系统初始化的逻辑。不过在介绍 APP_INITIALIZER 之前，我们先来介绍一下 multi provider 的相关知识。 multi provider 的使用Multi p...