Angular10 isPlatformServer()用法及代碼示例

在本文中，我們將了解 Angular 10 中的 isPlatformServer 是什麽以及如何使用它。

isPlatformServer用於獲取代表服務器平台的平台ID

用法:

isPlatformServer(platformId);

NgModule:isPlatformServer 使用的模塊是：

CommonModule

返回值：返回一個布爾值，說明是否platform id 表示服務器平台。

方法：

創建要使用的 angular 應用程序
將 isPlatformServer 從 @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 { 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：

app.component.ts


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

“>app.component.html”


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

輸出：

參考：https://angular.io/api/common/isPlatformServer

相關用法

注：本文由純淨天空篩選整理自taran910大神的英文原創作品 Angular10 isPlatformServer() Function。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。