Angular10 isPlatformServer()函数

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

isPlatformServer用于获取一个代表服务器平台的平台ID。

语法:

isPlatformServer(platformId);

NgModule: isPlatformServer使用的模块是。

• CommonModule

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

步骤：

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

示例 1:

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

输出:

示例 2:

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

<div *ngIf = 'isServer==false'>
  platform id does not represents a server platform.
</div>

输出: