当前位置: 首页>>代码示例 >>用法及示例精选 >>正文


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。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。