Angular 10 isPlatformWorkerUi API

在这篇文章中，我们将看到什么是Angular 10中的isPlatformWorkerUi以及如何使用它。isPlatformWorkerUi API用于获取代表web worker UI平台的平台ID。

语法:

isPlatformWorkerUi( platformId );

NgModule: isPlatformWorkerUi使用的模块是。

• CommonModule

返回值：它返回一个布尔值，说明一个平台ID是否代表一个web worker UI平台。

步骤:

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

示例 1:

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:

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);
  }
}

<div *ngIf = 'isWorkerApp==false'>
    platform id does not represents a web worker UI platform.
</div>

输出: