Angular10 isPlatformBrowser()函数

在本文中，我们将了解 Angular 10 中的isPlatformBrowser是什么以及如何使用它。

isPlatformBrowser用于获取代表浏览器平台的平台 id

句法：

isPlatformBrowser(platformId);

NgModule：isPlatformBrowser使用的模块是：

• 通用模块

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

方法：

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

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

输出：

示例 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

GeeksforGeeks.
  
isBrowserPlatform | angularJs.

输出：

参考： https://angular.io/api/common/isPlatformBrowser