AngularJS angular.isNumber() Function

Angular10 isPlatformBrowser() Function

Last Updated : 06 Jan, 2023

In this article, we are going to see what is isPlatformBrowser in Angular 10 and how to use it.

The isPlatformBrowser is used to get a platform id that represents a browser platform

Syntax:

isPlatformBrowser(platformId);

NgModule: Module used by isPlatformBrowser is:

CommonModule

Return Value: returns a Boolean Value stating whether a platform id represents a browser platform.

Approach:

Create the angular app to be used
Import isPlatformBrowser from @angular/core to the project.
In app.component.ts define the object which holds the Boolean value.
serve the angular app using ng serve to see the output

Example 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', 
  styleUrls: [ './app.component.css' ] 
}) 
export class AppComponent  { 
  isBrowser: boolean; 
  
  constructor( @Inject(PLATFORM_ID) platformId: Object) { 
    this.isBrowser = isPlatformBrowser(platformId); 
    console.log(this.isBrowser) 
  } 
}

Output:

Example 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', 
  styleUrls: [ './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>

Output:

Reference: https://angular.io/api/common/isPlatformBrowser

AngularJS angular.isNumber() Function

taran910

Improve

Article Tags :

Similar Reads

Angular10 isPlatformServer() Function

In this article, we are going to see what is isPlatformServer in Angular 10 and how to use it. The isPlatformServer is used to get a platform id that represents a server platform Syntax: isPlatformServer(platformId); NgModule: Module used by isPlatformServer is: CommonModule Return Value: returns a

Angular 10 isPlatformWorkerUi API

In this article, we are going to see what is isPlatformWorkerUi in Angular 10 and how to use it. The isPlatformWorkerUi API is used to get a platform id that represents a web worker UI platform. Syntax: isPlatformWorkerUi( platformId ); NgModule: Module used by isPlatformWorkerUi is: CommonModule Re

Angular 10 isPlatformWorkerApp API

In this article, we are going to see what is isPlatformWorkerApp in Angular 10 and how to use it. The isPlatformWorkerApp API is used to get a platform id that represents a worker app platform. Syntax: isPlatformWorkerApp( platformId ); NgModule: Module used by isPlatformWorkerApp is: CommonModule R

AngularJS angular.isNumber() Function

The angular.isNumber() function in AngularJS is used to determine the parameter inside isNumber function is a number or not. It returns true if the reference is a number otherwise returns false. Syntax: angular.isNumber( value );Parameter value: value: It determines whether the entered value is a nu

Angular10 Trigger Animation

In this article, we are going to see what is trigger in Angular 10 and how to use it. The trigger in Angular10 is used to create an animation trigger containing state and transition of the animation. Syntax: animate(name | definitions) NgModule: Module used by trigger is: animations Â Approach:Â Cre

AngularJS angular.isObject() Function

The angular.isobject() Function in AngularJS is used to determine if the parameter inside isobject function is an object or not. It returns true if the reference is an object or else false. Syntax: angular.isobject(value);Parameter: value: This parameter value validates whether the entered value is

AngularJS angular.isElement() Function

The angular.isElement() Function in AngularJS is used to determine if the parameter inside isElement function is a HTML DOM element or not. It returns true if the reference is a DOM element or else false. Syntax: angular.isElement(value)Parameter: value: It is used to validate whether the passed arg

AngularJS angular.isDefined() Function

The angular.isDefined() function in AngularJS is used to determine the value inside isDefined function is defined or not. It returns true if the reference is defined otherwise returns false. Syntax: angular.isDefined( value );Parameter value: value: This parameter is a reference to check whether the

AngularJS form.FormController

AngularJS is a JavaScript-based framework. It can be used by adding it to an HTML page using a <script> tag. AngularJS helps in extending the HTML attributes with the help of directives and binding of data to the HTML with expressions. In this article, we'll learn about the AngularJS form.Form

Component Communication in Angular

Angular, as a robust front-end framework, allows you to build complex and interactive web applications by creating reusable components. One of the key aspects of building such applications is effective communication between these components. There are a lot of instances where we need to transfer dat