En este artículo, vamos a ver qué es isPlatformWorkerApp en Angular 10 y cómo usarlo. La API isPlatformWorkerApp se usa para obtener una identificación de plataforma que representa una plataforma de aplicación de trabajador.
Sintaxis:
isPlatformWorkerApp( platformId );
NgModule: el módulo utilizado por isPlatformWorkerApp es:
- CommonModule
Valor de retorno: devuelve un valor booleano que indica si una identificación de plataforma representa una plataforma de aplicación de trabajador.
Acercarse:
- Cree una aplicación Angular que se utilizará.
- Importe isPlatformWorkerApp desde @angular/core al proyecto.
- En app.component.ts, defina el objeto que contiene el valor booleano.
- Sirva la aplicación angular usando ng serve para ver el resultado.
Ejemplo 1:
app.component.ts
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);
}
}
Producción:
Ejemplo 2:
app.component.ts
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);
}
}
app.component.html
<div *ngIf = 'isWorker==false'> platform id does not represents a web worker UI platform. </div>
Producción:
Referencia: https://angular.io/api/common/isPlatformWorkerApp