En este artículo vamos a ver qué es isPlatformWorkerUi en Angular 10 y cómo usarlo. La API isPlatformWorkerUi se usa para obtener una ID de plataforma que representa una plataforma de interfaz de usuario del trabajador web.
Sintaxis:
isPlatformWorkerUi( platformId );
NgModule: el módulo utilizado por isPlatformWorkerUi es:
- CommonModule
Valor de retorno: devuelve un valor booleano que indica si una ID de plataforma representa una plataforma de interfaz de usuario del trabajador web.
Acercarse:
- Cree una aplicación angular que se utilizará.
- Importe isPlatformWorkerUi 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 { 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);
}
}
Producción:
Ejemplo 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
<div *ngIf = 'isWorkerApp==false'> platform id does not represents a web worker UI platform. </div>
Producción:
Referencia: https://angular.io/api/common/isPlatformWorkerUi