Angular 中的 ng 类 - TypeScript

在 Angular 中，ng 类是一个重要的类，它提供了一些常用的方法和属性，用于处理和操作 Angular 应用的各个方面。

方法

下面是 ng 类常用的方法：

bootstrapModule

用于启动 Angular 应用的方法。

import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
import { AppModule } from './app/app.module';

platformBrowserDynamic().bootstrapModule(AppModule)
  .catch(err => console.error(err));

enableProdMode

用于启用生产模式的方法。在生产环境中，可以通过调用 enableProdMode 方法来提高 Angular 应用的性能和效率。

import { enableProdMode } from '@angular/core';

enableProdMode();

forEach

用于遍历数组或对象的方法。

import { Component } from '@angular/core';

@Component({
  selector: 'app-example-component',
  template: '<div *ngFor="let item of items">{{ item }}</div>',
})
export class ExampleComponent {
  items: string[] = ['item1', 'item2', 'item3'];

  constructor() {
    this.items.forEach(item => console.log(item));
  }
}

merge

用于合并多个 Observables 的方法。

import { Component } from '@angular/core';
import { merge, of } from 'rxjs';

@Component({
  selector: 'app-example-component',
  template: '<div>{{ mergedValue }}</div>',
})
export class ExampleComponent {
  mergedValue: number;

  constructor() {
    const observable1 = of(1);
    const observable2 = of(2);
    const merged = merge(observable1, observable2);
    
    merged.subscribe(value => this.mergedValue = value);
  }
}

属性

下面是 ng 类常用的属性：

version

返回当前 Angular 版本的属性。

import { Component, VERSION } from '@angular/core';

@Component({
  selector: 'app-example-component',
  template: '<div>Angular version: {{ angularVersion }}</div>',
})
export class ExampleComponent {
  angularVersion: string = VERSION.full;
}

结论

ng 类是 Angular 中的一个重要类，它提供了一些常用的方法和属性，用于处理和操作 Angular 应用的各个方面。通过充分利用 ng 类，你可以更方便地开发和管理 Angular 应用。