Angular10 isPlatformBrowser()函数

在这篇文章中，我们将看到Angular 10中的isPlatformBrowser是什么以及如何使用它。

isPlatformBrowser用于获取一个代表浏览器平台的平台ID。

语法:

isPlatformBrowser(platformId);

NgModule: isPlatformBrowser使用的模块是。

• CommonModule

返回值：返回一个布尔值，说明一个平台ID是否代表一个浏览器平台。

步骤：

• 创建要使用的angular应用程序
• 从@angular/core导入isPlatformBrowser到项目。
• 在app.component.ts中定义持有布尔值的对象。
• 使用ng serve为angular应用程序提供服务，以查看输出。

示例 1:

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)
  }
}

输出:

示例 2:

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);
        
    }
}

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

输出: