Angular 10 isPlatformWorkerUi API

在本文中，我们将了解 Angular 10 中的isPlatformWorkerUi是什么以及如何使用它。 isPlatformWorkerUi API 用于获取代表 Web Worker UI 平台的平台 ID。

句法：

isPlatformWorkerUi( platformId );

NgModule：isPlatformWorkerUi使用的模块是：

• 通用模块

返回值：它返回一个布尔值，说明平台 id 是否代表 Web Worker UI 平台。

方法：

• 创建一个要使用的 Angular 应用程序。
• 将 isPlatformWorkerUi 从 @angular/core 导入项目。
• 在 app.component.ts 中，定义保存布尔值的对象。
• 使用 ng serve 为 Angular 应用程序提供服务以查看输出。

示例 1：

app.component.ts

import { Component, Inject } from '@angular/core';
import { PLATFORM_ID } from '@angular/core';
import { isPlatformWorkerApp } from '@angular/common';
  
@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: [ './app.component.css' ]
})
export class AppComponent  {
  isWorkerApp: boolean;
  
  constructor( @Inject(PLATFORM_ID) platformId: Object) {
    this.isWorkerApp = isPlatformWorkerApp(platformId);
    console.log(this.isWorkerApp);
  }
}

输出：

示例 2：

app.component.ts

import { Component, Inject } from '@angular/core';
import { PLATFORM_ID } from '@angular/core';
import { isPlatformWorkerApp } from '@angular/common';
  
@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: [ './app.component.css' ]
})
export class AppComponent  {
  isWorkerApp: boolean;
  
  constructor( @Inject(PLATFORM_ID) platformId: Object) {
    this.isWorkerApp = isPlatformWorkerApp(platformId);
  }
}

app.component.html

    platform id does not represents a web worker UI platform.

输出：

参考： https://angular.io/api/common/isPlatformWorkerUi