什么是Angular Global API？

封面图 • 2025-10-13 • Angular

Angular Global API 是指在 Angular 框架中，**全局可用的 API 或对象**，它们不需要通过模块导入即可直接使用。这些 API 通常由 Angular 提供，并在浏览器环境中直接暴露给开发者。

不过，严格来说，**Angular 并没有官方定义的“Global API”这一术语**。但我们可以从几个角度来理解这个概念：

---

## 一、Angular 中常见的“全局”对象或 API

### 1. **`window` 对象**
- 在浏览器环境中，`window` 是一个全局对象，Angular 应用可以访问它。
- 例如：
  ```ts
  window.alert('Hello');
  ```

### 2. **`document` 对象**
- 用于操作 DOM（虽然 Angular 推荐使用数据绑定和组件方式，但某些场景下仍可使用）。
  ```ts
  document.getElementById('myElement');
  ```

### 3. **`navigator` 对象**
- 获取浏览器信息。
  ```ts
  navigator.userAgent;
  ```

### 4. **`location` 对象**
- 用于获取当前 URL 或进行导航。
  ```ts
  location.href = '/about';
  ```

---

## 二、Angular 内部使用的全局对象（如 `ng`）

Angular 在开发过程中可能会注入一些全局变量，比如：

### `ng` 对象（Angular 开发工具中的全局对象）
- 当你使用 Angular CLI 创建项目时，在浏览器控制台中输入 `ng`，会看到 Angular 的内部对象。
- 它包含了一些 Angular 的调试信息和工具方法。
- 例如：
  ```js
  ng.probe(angular.element(document.querySelector('app-root')));
  ```
  - 这是 Angular DevTools 提供的功能，用于调试组件实例。

> ⚠️ 注意：这不是 Angular 框架本身提供的 API，而是 Angular 开发工具（如 Angular DevTools）引入的全局对象。

---

## 三、Angular 的全局服务（不是 API，但常被误认为）

Angular 的依赖注入系统允许你将服务注册为“全局服务”，即在整个应用中都可以注入。

例如：

```ts
@NgModule({
  providers: [MyService]
})
export class AppModule { }
```

然后在任何组件中都可以注入：

```ts
constructor(private myService: MyService) {}
```

这并不是“全局 API”，而是“全局可注入的服务”。