Angular 10 isPlatformWorkerApp API

在这篇文章中，我们将看到什么是Angular 10中的isPlatformWorkerApp以及如何使用它。isPlatformWorkerApp API用于获取代表工作者应用程序平台的平台ID。

语法:

isPlatformWorkerApp( platformId );

NgModule: isPlatformWorkerApp使用的模块是。

• CommonModule

返回值：它返回一个布尔值，说明一个平台ID是否代表一个工作者应用程序平台。

步骤:

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

示例 1:

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

输出:

示例 2:

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

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

输出: