Fonction Angular10 isPlatformServer() – GeeksforGeeks

Afficher la discussion

Améliorer l’article

Enregistrer l’article

J’aime l’article

Afficher la discussion

Améliorer l’article

Enregistrer l’article

J’aime l’article

Dans cet article, nous allons voir ce qui est isPlatformServer dans Angular 10 et comment l’utiliser.

Le isPlatformServer est utilisé pour obtenir un identifiant de plate-forme qui représente une plate-forme de serveur

Syntaxe:

isPlatformServer(platformId);

NgModule : Le module utilisé par isPlatformServer est :

Valeur de retour : renvoie une valeur booléenne indiquant si un L’ID de plate-forme représente une plate-forme de serveur.

Approcher:

  • Créer l’application angulaire à utiliser
  • Importez isPlatformServer de @angular/core vers le projet.
  • Dans app.component.ts, définissez l’objet qui contient la valeur booléenne.
  • servir l’application angulaire en utilisant ng serve pour voir la sortie

Exemple 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',

  StyleUrl : [ './app.component.css' ]

})

export class AppComponent  {

    isServer: boolean;

   

    constructor( @Inject(PLATFORM_ID) platformId: Object) {

      this.isServer = isPlatformServer(platformId);

      console.log(this.isServer);

    }

   

}

Production:

63

Exemple 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',

  StyleUrl : [ './app.component.css' ]

})

export class AppComponent  {

    isServer: boolean;

   

    constructor( @Inject(PLATFORM_ID) platformId: Object) {

      this.isServer = isPlatformServer(platformId);

    }

   

}

”>app.composant.html”

<div *ngIf = 'isServer==false'>

  platform id does not represents a server platform.

</div>

Production:

64

Référence: https://angular.io/api/common/isPlatformServer

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *