En este artículo vamos a ver qué es isPlatformServer en Angular 10 y cómo usarlo.
El servidor isPlatform
Sintaxis:
isPlatformServer(platformId);
NgModule: el módulo utilizado por isPlatformServer es:
- CommonModule
Valor devuelto: devuelve un valor booleano que indica si un
Acercarse:
- Cree la aplicación angular que se utilizará
- Importe isPlatformServer 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 { isPlatformServer }
from '@angular/common';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: [ './app.component.css' ]
})
export class AppComponent {
isServer: boolean;
constructor( @Inject(PLATFORM_ID) platformId: Object) {
this.isServer = isPlatformServer(platformId);
console.log(this.isServer);
}
}
Producción:
Ejemplo 2:
app.component.ts
import { Component, Inject }
from '@angular/core';
import { PLATFORM_ID }
from '@angular/core';
import { isPlatformServer }
from '@angular/common';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: [ './app.component.css' ]
})
export class AppComponent {
isServer: boolean;
constructor( @Inject(PLATFORM_ID) platformId: Object) {
this.isServer = isPlatformServer(platformId);
}
}
”>app.component.html”
<div *ngIf = 'isServer==false'> platform id does not represents a server platform. </div>
Producción:
Referencia: https://angular.io/api/common/isPlatformServer