Fonction Angular10 isPlatformBrowser() – 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 isPlatformBrowser dans Angular 10 et comment l’utiliser.

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

Syntaxe:

isPlatformBrowser(platformId);

NgModule : Le module utilisé par isPlatformBrowser est :

Valeur de retour : renvoie une valeur booléenne indiquant si un l’identifiant de plate-forme représente une plate-forme de navigateur.

Approcher:

  • Créer l’application angulaire à utiliser
  • Importez isPlatformBrowser 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 { isPlatformBrowser }

from '@angular/common';

 

@Component({

  selector: 'app-root',

  templateUrl: './app.component.html',

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

})

export class AppComponent  {

  isBrowser: boolean;

 

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

    this.isBrowser = isPlatformBrowser(platformId);

    console.log(this.isBrowser)

  }

}

Production:

61

Exemple 2 :

app.component.ts

import { Component, Inject } 

from '@angular/core';

import { PLATFORM_ID }

from '@angular/core';

import { isPlatformBrowser } 

from '@angular/common';

 

@Component({

  selector: 'app-root',

  templateUrl: './app.component.html',

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

})

export class AppComponent  {

    isB: boolean;

   

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

      this.isB = isPlatformBrowser(platformId);

       

    }

}

app.component.html

<div *ngIf='isB'><strong>GeeksforGeeks.</strong></div>

 

<div *ngIf='isB'>isBrowserPlatform | angularJs.</div>

Production:

62

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

Laisser un commentaire

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